#490635

#80005C

#F1C40F

#F6E4C8

#FFF5EE

Core

#490635

#80005C

#F1C40F

#F6E4C8

#FFF5EE



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

Yellow

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#490635	rgb(73, 6, 53)	hsl(320 85% 15%)	hwb(320 2.4% 71%)	lch(14.6 35.3 342)	lab(14.6 33.6 -10.9)	cmyk 0%, 92%, 27%, 71%
	#80005c	rgb(128, 0, 92)	hsl(320 100% 25%)	hwb(320 0% 50%)	lch(28 54.8 343)	lab(28 52.5 -15.8)	cmyk 0%, 100%, 28%, 50%
	#f1c40f	rgb(241, 196, 15)	hsl(48 89% 50%)	hwb(48 5.9% 5.5%)	lch(81.4 80.6 85.5)	lab(81.4 6.34 80.3)	cmyk 0%, 19%, 94%, 5%
	#f6e4c8	rgb(246, 228, 200)	hsl(37 72% 87%)	hwb(37 78% 3.5%)	lch(91.5 16.4 79.1)	lab(91.5 3.1 16.1)	cmyk 0%, 7%, 19%, 4%
	#fff5ee	rgb(255, 245, 238)	hsl(25 100% 97%)	hwb(25 93% 0%)	lch(97.2 5.31 60.8)	lab(97.2 2.59 4.64)	cmyk 0%, 4%, 7%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#490635

AAA - 15.43



#80005C

AAA - 10.13



#F1C40F

AA - 1.66



#F6E4C8

AA - 1.24



#FFF5EE

AA - 1.07



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(27.7% 0.105 -0.03), oklab(40% 0.164 -0.044), oklab(83.6% -0.005 0.169), oklab(92.6% 0.008 0.041), oklab(97.6% 0.008 0.012))

Fallback colors



background: linear-gradient(45deg, #490635, #80005C, #F1C40F, #F6E4C8, #FFF5EE)

Colors



<!-- Primary Colors -->
<color name="core_color_10">#490635</color>
<color name="core_color_20">#80005C</color>
<color name="core_color_30">#F1C40F</color>
<color name="core_color_40">#F6E4C8</color>
<color name="core_color_50">#FFF5EE</color>

PWA prompt