New Year

#B8860B

#DAA520

#eecb72

#FFF8DC

#FFFFFF

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#b8860b	rgb(184, 134, 11)	hsl(43 89% 38%)	hwb(43 4.3% 28%)	lch(59.7 64 78.2)	lab(59.7 13.1 62.6)	cmyk 0%, 27%, 94%, 28%
	#daa520	rgb(218, 165, 32)	hsl(43 74% 49%)	hwb(43 13% 15%)	lch(71.3 69.8 79.9)	lab(71.3 12.2 68.7)	cmyk 0%, 24%, 85%, 15%
	#eecb72	rgb(238, 203, 114)	hsl(43 78% 69%)	hwb(43 45% 6.7%)	lch(83.4 49 84.3)	lab(83.4 4.85 48.7)	cmyk 0%, 15%, 52%, 7%
	#fff8dc	rgb(255, 248, 220)	hsl(48 100% 93%)	hwb(48 86% 0%)	lch(97.6 14.4 93.8)	lab(97.6 -0.955 14.4)	cmyk 0%, 3%, 14%, 0%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#B8860B

AA - 3.25



#DAA520

AA - 2.23



#eecb72

AA - 1.56



#FFF8DC

AA - 1.06



#FFFFFF

AA - 1



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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(65.2% 0.019 0.131), oklab(75.2% 0.015 0.146), oklab(85.4% 0.003 0.115), oklab(97.7% -0.004 0.037), oklab(100% 0 0))

Fallback colors



background: linear-gradient(45deg, #B8860B, #DAA520, #eecb72, #FFF8DC, #FFFFFF)

Colors



<!-- Primary Colors -->
<color name="new_year_color_10">#B8860B</color>
<color name="new_year_color_20">#DAA520</color>
<color name="new_year_color_30">#eecb72</color>
<color name="new_year_color_40">#FFF8DC</color>
<color name="new_year_color_50">#FFFFFF</color>

PWA prompt