#F2E8CF

#E6D2A5

#D9B67B

#C29A51

#A98428

#906E00

Corn

Actions

Explore the gradient in different formats, and actions.

Colors overview

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f2e8cf	rgb(242, 232, 207)	hsl(43 57% 88%)	hwb(43 81% 5.1%)	lch(92.3 13.5 87.9)	lab(92.3 0.485 13.5)	cmyk 0%, 4%, 14%, 5%
	#e6d2a5	rgb(230, 210, 165)	hsl(42 57% 77%)	hwb(42 65% 9.8%)	lch(85 25.1 84.9)	lab(85 2.23 25.1)	cmyk 0%, 9%, 28%, 10%
	#d9b67b	rgb(217, 182, 123)	hsl(38 55% 67%)	hwb(38 48% 15%)	lch(76.2 35.7 78.2)	lab(76.2 7.33 35)	cmyk 0%, 16%, 43%, 15%
	#c29a51	rgb(194, 154, 81)	hsl(39 48% 54%)	hwb(39 32% 24%)	lch(66.3 44.6 78.1)	lab(66.3 9.22 43.6)	cmyk 0%, 21%, 58%, 24%
	#a98428	rgb(169, 132, 40)	hsl(43 62% 41%)	hwb(43 16% 34%)	lch(57.6 52.7 81.3)	lab(57.6 7.98 52.1)	cmyk 0%, 22%, 76%, 34%
	#906e00	rgb(144, 110, 0)	hsl(46 100% 28%)	hwb(46 0% 44%)	lch(48.7 55.2 82.1)	lab(48.7 7.59 54.7)	cmyk 0%, 24%, 100%, 44%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#F2E8CF

AA - 1.21



#E6D2A5

AA - 1.48



#D9B67B

AA - 1.92



#C29A51

AA - 2.61



#A98428

AA - 3.48



#906E00

AA - 4.75



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(93.2% 0.001 0.035), oklab(86.9% 0.003 0.063), oklab(79.4% 0.015 0.085), oklab(70.8% 0.016 0.102), oklab(63.3% 0.009 0.114), oklab(55.7% 0.006 0.114))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #F2E8CF, #E6D2A5, #D9B67B, #C29A51, #A98428, #906E00)

Colors



<!-- Primary Colors -->
<color name="corn_color_10">#F2E8CF</color>
<color name="corn_color_20">#E6D2A5</color>
<color name="corn_color_30">#D9B67B</color>
<color name="corn_color_40">#C29A51</color>
<color name="corn_color_50">#A98428</color>
<color name="corn_color_60">#906E00</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt