Olive Color Gradient

 #daf01f

 #74820f

Colors overview

 Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#daf01f	rgb(218, 240, 31)	hsl(66 87% 53%)	hwb(66 12% 5.9%)	lch(90.8 87.2 106)	lab(90.8 -23.7 83.9)	cmyk 9%, 0%, 87%, 6%
	#74820f	rgb(116, 130, 15)	hsl(67 79% 28%)	hwb(67 5.9% 49%)	lch(51.7 54.7 107)	lab(51.7 -15.6 52.4)	cmyk 11%, 0%, 88%, 49%

 Click a color format to copy to your clipboard.

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

#daf01f

AA - 1.27



#74820f

AA - 4.24



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(90.8% -0.09 0.182), oklab(57.5% -0.059 0.114))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #daf01f, #74820f)

Colors



<resources>
    <color name="olive_100">#daf01f</color>
    <color name="olive_200">#74820f</color>
</resources>

Gradient PRO

Pro feature only

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

PWA prompt