Sunflower Color Gradient

 #e8e22e

 #f5b223

Colors overview

 Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#e8e22e	rgb(232, 226, 46)	hsl(58 80% 55%)	hwb(58 18% 9%)	lch(88.3 80.1 98.1)	lab(88.3 -11.4 79.3)	cmyk 0%, 3%, 80%, 9%
	#f5b223	rgb(245, 178, 35)	hsl(41 91% 55%)	hwb(41 14% 3.9%)	lch(77.5 76.1 76.9)	lab(77.5 17.2 74.2)	cmyk 0%, 27%, 86%, 4%

 Click a color format to copy to your clipboard.

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

#e8e22e

AA - 1.36



#f5b223

AA - 1.86



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

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(89% -0.054 0.173), oklab(80.6% 0.028 0.157))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #e8e22e, #f5b223)

Colors



<resources>
    <color name="sunflower_100">#e8e22e</color>
    <color name="sunflower_200">#f5b223</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt