Old Burgundy

#4E3D42

#6D6466

#9F9F92

#C9D5B5

#E3DBDB

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Green

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#4e3d42	rgb(78, 61, 66)	hsl(340 12% 27%)	oklab(38% 0.02 0)	oklch(38% 0.02 360)	color(display-p3 0.3 0.24 0.26)
	#6d6466	rgb(109, 100, 102)	hsl(350 4.3% 41%)	oklab(51% 0.01 0)	oklch(51% 0.01 2.3)	color(display-p3 0.42 0.39 0.4)
	#9f9f92	rgb(159, 159, 146)	hsl(60 6.3% 60%)	oklab(70% -0.01 0.02)	oklch(70% 0.02 110)	color(display-p3 0.62 0.62 0.58)
	#c9d5b5	rgb(201, 213, 181)	hsl(83 28% 77%)	oklab(86% -0.03 0.04)	oklch(86% 0.05 120)	color(display-p3 0.8 0.83 0.72)
	#e3dbdb	rgb(227, 219, 219)	hsl(0 12% 87%)	oklab(90% 0.01 0)	oklch(90% 0.01 17)	color(display-p3 0.88 0.86 0.86)

 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.

#4E3D42

AAA - 10.14



#6D6466

AA - 5.72



#9F9F92

AA - 2.67



#C9D5B5

AA - 1.53



#E3DBDB

AA - 1.36



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(38% 0.025 -0.001), oklab(51.2% 0.012 0), oklab(69.9% -0.005 0.018), oklab(85.5% -0.025 0.037), oklab(89.8% 0.008 0.003))

Fallback colors



background: linear-gradient(45deg, #4E3D42, #6D6466, #9F9F92, #C9D5B5, #E3DBDB)

Colors



<!-- Primary Colors -->
<color name="old_burgundy_color_10">#4E3D42</color>
<color name="old_burgundy_color_20">#6D6466</color>
<color name="old_burgundy_color_30">#9F9F92</color>
<color name="old_burgundy_color_40">#C9D5B5</color>
<color name="old_burgundy_color_50">#E3DBDB</color>

PWA prompt