Violin

#402D25

#674127

#8A4B08

#D0C0B7

#AB9289

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#402d25	rgb(64, 45, 37)	hsl(18 27% 20%)	hwb(18 15% 75%)	lch(20.6 11.9 47.4)	lab(20.6 8.08 8.8)	cmyk 0%, 30%, 42%, 75%
	#674127	rgb(103, 65, 39)	hsl(24 45% 28%)	hwb(24 15% 60%)	lch(31.6 27.3 57)	lab(31.6 14.9 22.8)	cmyk 0%, 37%, 62%, 60%
	#8a4b08	rgb(138, 75, 8)	hsl(31 89% 29%)	hwb(31 3.1% 46%)	lch(39.1 52 62.2)	lab(39.1 24.2 46)	cmyk 0%, 46%, 94%, 46%
	#d0c0b7	rgb(208, 192, 183)	hsl(22 21% 77%)	hwb(22 72% 18%)	lch(78.9 8.18 54.9)	lab(78.9 4.71 6.69)	cmyk 0%, 8%, 12%, 18%
	#ab9289	rgb(171, 146, 137)	hsl(16 17% 60%)	hwb(16 54% 33%)	lch(62.7 12 44.5)	lab(62.7 8.57 8.44)	cmyk 0%, 15%, 20%, 33%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#402D25

AAA - 12.96



#674127

AAA - 8.89



#8A4B08

AA - 6.79



#D0C0B7

AA - 1.76



#AB9289

AA - 2.91



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(31.7% 0.023 0.022), oklab(41.3% 0.038 0.053), oklab(47.9% 0.058 0.094), oklab(81.9% 0.014 0.017), oklab(68% 0.025 0.022))

Fallback colors



background: linear-gradient(45deg, #402D25, #674127, #8A4B08, #D0C0B7, #AB9289)

Colors



<!-- Primary Colors -->
<color name="violin_color_10">#402D25</color>
<color name="violin_color_20">#674127</color>
<color name="violin_color_30">#8A4B08</color>
<color name="violin_color_40">#D0C0B7</color>
<color name="violin_color_50">#AB9289</color>

PWA prompt