#9A67BD

#633183

#8FA79B

#EFF8F3

#39313D

FRZ

#9A67BD

#633183

#8FA79B

#EFF8F3

#39313D



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Purple

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#9a67bd	rgb(154, 103, 189)	hsl(280 39% 57%)	hwb(280 40% 26%)	lch(51.8 50.1 311)	lab(51.8 33.1 -37.6)	cmyk 19%, 46%, 0%, 26%
	#633183	rgb(99, 49, 131)	hsl(280 46% 35%)	hwb(280 19% 49%)	lch(30.3 50.9 312)	lab(30.3 34.4 -37.6)	cmyk 24%, 63%, 0%, 49%
	#8fa79b	rgb(143, 167, 155)	hsl(150 12% 61%)	hwb(150 56% 35%)	lch(66.4 11 163)	lab(66.4 -10.5 3.28)	cmyk 14%, 0%, 7%, 35%
	#eff8f3	rgb(239, 248, 243)	hsl(150 39% 95%)	hwb(150 94% 2.7%)	lch(96.8 3.97 161)	lab(96.8 -3.74 1.32)	cmyk 4%, 0%, 2%, 3%
	#39313d	rgb(57, 49, 61)	hsl(280 11% 22%)	hwb(280 19% 76%)	lch(21.6 8.46 313)	lab(21.6 5.74 -6.21)	cmyk 7%, 20%, 0%, 76%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#9A67BD

AA - 4.15



#633183

AAA - 9.13



#8FA79B

AA - 2.57



#EFF8F3

AA - 1.08



#39313D

AAA - 12.49



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(60.2% 0.088 -0.104), oklab(41.8% 0.088 -0.105), oklab(70.6% -0.031 0.009), oklab(97.1% -0.011 0.004), oklab(32.6% 0.016 -0.017))

Fallback colors



background: linear-gradient(45deg, #9A67BD, #633183, #8FA79B, #EFF8F3, #39313D)

Colors



<!-- Primary Colors -->
<color name="frz_color_10">#9A67BD</color>
<color name="frz_color_20">#633183</color>
<color name="frz_color_30">#8FA79B</color>
<color name="frz_color_40">#EFF8F3</color>
<color name="frz_color_50">#39313D</color>

PWA prompt