Seashore

#9C6336

#DFB392

#70594F

#B9D0E4

#357A8F

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#9c6336	rgb(156, 99, 54)	hsl(26 49% 41%)	hwb(26 21% 39%)	lch(47.7 40.7 59.7)	lab(47.7 20.5 35.1)	cmyk 0%, 37%, 65%, 39%
	#dfb392	rgb(223, 179, 146)	hsl(26 55% 72%)	hwb(26 57% 13%)	lch(76.4 26.7 60.6)	lab(76.4 13.1 23.3)	cmyk 0%, 20%, 35%, 13%
	#70594f	rgb(112, 89, 79)	hsl(18 17% 37%)	hwb(18 31% 56%)	lch(40 12.8 48.3)	lab(40 8.54 9.58)	cmyk 0%, 21%, 29%, 56%
	#b9d0e4	rgb(185, 208, 228)	hsl(210 44% 81%)	hwb(210 73% 11%)	lch(82.2 13.6 249)	lab(82.2 -4.87 -12.7)	cmyk 19%, 9%, 0%, 11%
	#357a8f	rgb(53, 122, 143)	hsl(190 46% 38%)	hwb(190 21% 44%)	lch(47.5 25.4 226)	lab(47.5 -17.5 -18.4)	cmyk 63%, 15%, 0%, 44%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#9C6336

AA - 4.93



#DFB392

AA - 1.9



#70594F

AA - 6.49



#B9D0E4

AA - 1.59



#357A8F

AA - 4.84



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(55.3% 0.052 0.08), oklab(79.8% 0.036 0.058), oklab(48.4% 0.024 0.024), oklab(84.7% -0.016 -0.034), oklab(54.4% -0.057 -0.05))

Fallback colors



background: linear-gradient(45deg, #9C6336, #DFB392, #70594F, #B9D0E4, #357A8F)

Colors



<!-- Primary Colors -->
<color name="seashore_color_10">#9C6336</color>
<color name="seashore_color_20">#DFB392</color>
<color name="seashore_color_30">#70594F</color>
<color name="seashore_color_40">#B9D0E4</color>
<color name="seashore_color_50">#357A8F</color>

PWA prompt