Sahara

#944F40

#E5CDA4

#EEC37D

#DE8647

#9E3733

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#944f40	rgb(148, 79, 64)	hsl(11 40% 42%)	oklab(51% 0.08 0.05)	oklch(51% 0.1 33)	color(display-p3 0.54 0.32 0.27)
	#e5cda4	rgb(229, 205, 164)	hsl(38 56% 77%)	oklab(86% 0.01 0.06)	oklch(86% 0.06 81)	color(display-p3 0.88 0.81 0.66)
	#eec37d	rgb(238, 195, 125)	hsl(37 77% 71%)	oklab(84% 0.02 0.1)	oklch(84% 0.1 79)	color(display-p3 0.91 0.77 0.53)
	#de8647	rgb(222, 134, 71)	hsl(25 70% 57%)	oklab(70% 0.08 0.11)	oklch(70% 0.13 54)	color(display-p3 0.82 0.54 0.33)
	#9e3733	rgb(158, 55, 51)	hsl(2.2 51% 41%)	oklab(48% 0.12 0.06)	oklch(48% 0.14 26)	color(display-p3 0.57 0.24 0.22)

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

#944F40

AA - 6.08



#E5CDA4

AA - 1.54



#EEC37D

AA - 1.64



#DE8647

AA - 2.76



#9E3733

AA - 6.88



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(50.7% 0.08 0.053), oklab(85.8% 0.009 0.06), oklab(84% 0.019 0.099), oklab(70.2% 0.078 0.108), oklab(48.4% 0.124 0.06))

Fallback colors



background: linear-gradient(45deg, #944F40, #E5CDA4, #EEC37D, #DE8647, #9E3733)

Colors



<!-- Primary Colors -->
<color name="sahara_color_10">#944F40</color>
<color name="sahara_color_20">#E5CDA4</color>
<color name="sahara_color_30">#EEC37D</color>
<color name="sahara_color_40">#DE8647</color>
<color name="sahara_color_50">#9E3733</color>

PWA prompt