#875919

#a87732

#dbaa64

#f0c588

New Year

Actions

Explore the gradient in different formats, and actions.

Colors overview

Orange

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#875919	rgb(135, 89, 25)	hsl(35 69% 31%)	hwb(35 9.8% 47%)	lch(42.2 45.1 70)	lab(42.2 15.5 42.4)	cmyk 0%, 34%, 81%, 47%
	#a87732	rgb(168, 119, 50)	hsl(35 54% 43%)	hwb(35 20% 34%)	lch(54.2 46.9 71.6)	lab(54.2 14.8 44.5)	cmyk 0%, 29%, 70%, 34%
	#dbaa64	rgb(219, 170, 100)	hsl(35 62% 63%)	hwb(35 39% 14%)	lch(73.1 44.8 73.6)	lab(73.1 12.6 43)	cmyk 0%, 22%, 54%, 14%
	#f0c588	rgb(240, 197, 136)	hsl(35 78% 74%)	hwb(35 53% 5.9%)	lch(82.3 38 74.6)	lab(82.3 10.1 36.6)	cmyk 0%, 18%, 43%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#875919

AA - 6.04



#a87732

AA - 3.92



#dbaa64

AA - 2.11



#f0c588

AA - 1.6



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(50.3% 0.033 0.092), oklab(60.6% 0.031 0.1), oklab(76.8% 0.027 0.101), oklab(84.7% 0.023 0.089))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #875919, #a87732, #dbaa64, #f0c588)

Colors



<!-- Primary Colors -->
<color name="new_year_color_10">#875919</color>
<color name="new_year_color_20">#a87732</color>
<color name="new_year_color_30">#dbaa64</color>
<color name="new_year_color_40">#f0c588</color>

Gradient PRO

Pro feature only

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

PWA prompt