#918b05

#a59d3d

#b8b064

#cbc38a

#ddd7b0

#eeebd7

Acid

Actions

Explore the gradient in different formats, and actions.

Colors overview

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#918b05	rgb(145, 139, 5)	hsl(57 93% 29%)	hwb(57 2% 43%)	lch(56.9 59.8 97)	lab(56.9 -7.25 59.4)	cmyk 0%, 4%, 97%, 43%
	#a59d3d	rgb(165, 157, 61)	hsl(55 46% 44%)	hwb(55 24% 35%)	lch(64 49.9 96.8)	lab(64 -5.88 49.5)	cmyk 0%, 5%, 63%, 35%
	#b8b064	rgb(184, 176, 100)	hsl(54 37% 56%)	hwb(54 39% 28%)	lch(71.3 40.1 97.1)	lab(71.3 -4.94 39.8)	cmyk 0%, 4%, 46%, 28%
	#cbc38a	rgb(203, 195, 138)	hsl(53 38% 67%)	hwb(53 54% 20%)	lch(78.4 30 96.7)	lab(78.4 -3.49 29.8)	cmyk 0%, 4%, 32%, 20%
	#ddd7b0	rgb(221, 215, 176)	hsl(52 40% 78%)	hwb(52 69% 13%)	lch(85.7 20.3 97.1)	lab(85.7 -2.52 20.1)	cmyk 0%, 3%, 20%, 13%
	#eeebd7	rgb(238, 235, 215)	hsl(52 40% 89%)	hwb(52 84% 6.7%)	lch(92.9 10.2 98.2)	lab(92.9 -1.46 10.1)	cmyk 0%, 1%, 10%, 7%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#918b05

AA - 3.55



#a59d3d

AA - 2.8



#b8b064

AA - 2.22



#cbc38a

AA - 1.79



#ddd7b0

AA - 1.45



#eeebd7

AA - 1.19



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(62.2% -0.038 0.126), oklab(68.4% -0.029 0.113), oklab(74.7% -0.022 0.096), oklab(81% -0.015 0.074), oklab(87.4% -0.009 0.051), oklab(93.7% -0.005 0.026))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #918b05, #a59d3d, #b8b064, #cbc38a, #ddd7b0, #eeebd7)

Colors



<!-- Primary Colors -->
<color name="acid_color_10">#918b05</color>
<color name="acid_color_20">#a59d3d</color>
<color name="acid_color_30">#b8b064</color>
<color name="acid_color_40">#cbc38a</color>
<color name="acid_color_50">#ddd7b0</color>
<color name="acid_color_60">#eeebd7</color>

Gradient PRO

Pro feature only

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

PWA prompt