#877100

#cdaa00

#f2d649

#f9e99b

#fffdf2

Pure Yellow

#877100

#cdaa00

#f2d649

#f9e99b

#fffdf2



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

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#877100	rgb(135, 113, 0)	hsl(50 100% 26%)	hwb(50 0% 47%)	lch(48.5 54 88.2)	lab(48.5 1.73 54)	cmyk 0%, 16%, 100%, 47%
	#cdaa00	rgb(205, 170, 0)	hsl(50 100% 40%)	hwb(50 0% 20%)	lch(71.1 73.1 87.1)	lab(71.1 3.69 73)	cmyk 0%, 17%, 100%, 20%
	#f2d649	rgb(242, 214, 73)	hsl(50 87% 62%)	hwb(50 29% 5.1%)	lch(86.2 69.5 90.6)	lab(86.2 -0.788 69.5)	cmyk 0%, 12%, 70%, 5%
	#f9e99b	rgb(249, 233, 155)	hsl(50 89% 79%)	hwb(50 61% 2.4%)	lch(92.3 40.1 93.4)	lab(92.3 -2.36 40)	cmyk 0%, 6%, 38%, 2%
	#fffdf2	rgb(255, 253, 242)	hsl(51 100% 97%)	hwb(51 95% 0%)	lch(99.2 5.57 97.3)	lab(99.2 -0.71 5.53)	cmyk 0%, 1%, 5%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#877100

AA - 4.78



#cdaa00

AA - 2.24



#f2d649

AA - 1.44



#f9e99b

AA - 1.22



#fffdf2

AA - 1.02



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(55.3% -0.011 0.113), oklab(74.7% -0.011 0.153), oklab(87.5% -0.021 0.155), oklab(92.9% -0.014 0.098), oklab(99.3% -0.002 0.014))

Fallback colors



background: linear-gradient(45deg, #877100, #cdaa00, #f2d649, #f9e99b, #fffdf2)

Colors



<!-- Primary Colors -->
<color name="pure_yellow_color_10">#877100</color>
<color name="pure_yellow_color_20">#cdaa00</color>
<color name="pure_yellow_color_30">#f2d649</color>
<color name="pure_yellow_color_40">#f9e99b</color>
<color name="pure_yellow_color_50">#fffdf2</color>

PWA prompt