#dd9eff

#858585

#595959

#66f7ff

#ffffff

UI 3

#dd9eff

#858585

#595959

#66f7ff

#ffffff



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

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#dd9eff	rgb(221, 158, 255)	hsl(280 100% 81%)	hwb(280 62% 0%)	lch(74 53.7 313)	lab(74 36.7 -39.2)	cmyk 13%, 38%, 0%, 0%
	#858585	rgb(133, 133, 133)	hsl(none 0% 52%)	hwb(none 52% 48%)	lch(55.5 0 none)	lab(55.5 0 0)	cmyk 0%, 0%, 0%, 48%
	#595959	rgb(89, 89, 89)	hsl(none 0% 35%)	hwb(none 35% 65%)	lch(37.8 0 none)	lab(37.8 0 0)	cmyk 0%, 0%, 0%, 65%
	#66f7ff	rgb(102, 247, 255)	hsl(180 100% 70%)	hwb(180 40% 0%)	lch(89.7 42 203)	lab(89.7 -38.7 -16.2)	cmyk 60%, 3%, 0%, 0%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#dd9eff

AA - 2.01



#858585

AA - 3.69



#595959

AAA - 7



#66f7ff

AA - 1.28



#ffffff

AA - 1



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(79.4% 0.101 -0.108), oklab(61.7% 0 0), oklab(46.4% 0 0), oklab(90.1% -0.116 -0.043), oklab(100% 0 0))

Fallback colors



background: linear-gradient(45deg, #dd9eff, #858585, #595959, #66f7ff, #ffffff)

Colors



<!-- Primary Colors -->
<color name="ui_3_color_10">#dd9eff</color>
<color name="ui_3_color_20">#858585</color>
<color name="ui_3_color_30">#595959</color>
<color name="ui_3_color_40">#66f7ff</color>
<color name="ui_3_color_50">#ffffff</color>

PWA prompt