Safari

#735637

#A37A49

#D9CBB3

#A39784

#3F513D

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Brown

Grey

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#735637	rgb(115, 86, 55)	hsl(31 35% 33%)	oklab(48% 0.02 0.05)	oklch(48% 0.06 67)	color(display-p3 0.43 0.34 0.23)
	#a37a49	rgb(163, 122, 73)	hsl(33 38% 46%)	oklab(61% 0.03 0.08)	oklch(61% 0.08 70)	color(display-p3 0.61 0.48 0.32)
	#d9cbb3	rgb(217, 203, 179)	hsl(38 33% 78%)	oklab(85% 0.01 0.04)	oklch(85% 0.04 81)	color(display-p3 0.84 0.8 0.71)
	#a39784	rgb(163, 151, 132)	hsl(37 14% 58%)	oklab(68% 0.01 0.03)	oklch(68% 0.03 79)	color(display-p3 0.63 0.59 0.53)
	#3f513d	rgb(63, 81, 61)	hsl(110 14% 28%)	oklab(41% -0.03 0.02)	oklch(41% 0.04 140)	color(display-p3 0.26 0.32 0.25)

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

#735637

AA - 6.74



#A37A49

AA - 3.86



#D9CBB3

AA - 1.59



#A39784

AA - 2.86



#3F513D

AAA - 8.55



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(47.6% 0.023 0.055), oklab(60.9% 0.028 0.078), oklab(84.7% 0.005 0.036), oklab(68.2% 0.006 0.03), oklab(41.3% -0.031 0.024))

Fallback colors



background: linear-gradient(45deg, #735637, #A37A49, #D9CBB3, #A39784, #3F513D)

Colors



<!-- Primary Colors -->
<color name="safari_color_10">#735637</color>
<color name="safari_color_20">#A37A49</color>
<color name="safari_color_30">#D9CBB3</color>
<color name="safari_color_40">#A39784</color>
<color name="safari_color_50">#3F513D</color>

PWA prompt