New Year's Eve

#6b501d

#B68D40

#D6AD60

#edcc8e

#F4EBD0

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#6b501d	rgb(107, 80, 29)	hsl(39 57% 27%)	oklab(45% 0.01 0.08)	oklch(45% 0.08 80)	color(display-p3 0.4 0.32 0.15)
	#b68d40	rgb(182, 141, 64)	hsl(39 48% 48%)	oklab(67% 0.02 0.11)	oklch(67% 0.11 81)	color(display-p3 0.69 0.56 0.3)
	#d6ad60	rgb(214, 173, 96)	hsl(39 59% 61%)	oklab(77% 0.02 0.11)	oklch(77% 0.11 82)	color(display-p3 0.81 0.68 0.42)
	#edcc8e	rgb(237, 204, 142)	hsl(39 73% 74%)	oklab(86% 0.01 0.09)	oklch(86% 0.09 83)	color(display-p3 0.91 0.8 0.59)
	#f4ebd0	rgb(244, 235, 208)	hsl(45 62% 89%)	oklab(94% 0 0.04)	oklch(94% 0.04 92)	color(display-p3 0.95 0.92 0.83)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#6b501d

AAA - 7.52



#B68D40

AA - 3.05



#D6AD60

AA - 2.09



#edcc8e

AA - 1.54



#F4EBD0

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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(44.9% 0.013 0.075), oklab(66.7% 0.017 0.105), oklab(76.9% 0.015 0.106), oklab(85.9% 0.011 0.087), oklab(94% -0.001 0.037))

Fallback colors



background: linear-gradient(45deg, #6b501d, #B68D40, #D6AD60, #edcc8e, #F4EBD0)

Colors



<!-- Primary Colors -->
<color name="new_year's_eve_color_10">#6b501d</color>
<color name="new_year's_eve_color_20">#B68D40</color>
<color name="new_year's_eve_color_30">#D6AD60</color>
<color name="new_year's_eve_color_40">#edcc8e</color>
<color name="new_year's_eve_color_50">#F4EBD0</color>

PWA prompt