Maroon

#681A1A

#841B1B

#DD7676

#fceadc

#F2CAAB

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#681a1a	rgb(104, 26, 26)	hsl(0 60% 25%)	hwb(0 10% 59%)	lch(23.3 41 31.3)	lab(23.3 35 21.3)	cmyk 0%, 75%, 75%, 59%
	#841b1b	rgb(132, 27, 27)	hsl(0 66% 31%)	hwb(0 11% 48%)	lch(29.4 53 33.5)	lab(29.4 44.2 29.3)	cmyk 0%, 80%, 80%, 48%
	#dd7676	rgb(221, 118, 118)	hsl(0 60% 66%)	hwb(0 46% 13%)	lch(61.8 45.2 25)	lab(61.8 40.9 19.1)	cmyk 0%, 47%, 47%, 13%
	#fceadc	rgb(252, 234, 220)	hsl(26 84% 93%)	hwb(26 86% 1.2%)	lch(93.9 10.2 63.1)	lab(93.9 4.64 9.14)	cmyk 0%, 7%, 13%, 1%
	#f2caab	rgb(242, 202, 171)	hsl(26 73% 81%)	hwb(26 67% 5.1%)	lch(84.3 24 61.7)	lab(84.3 11.3 21.1)	cmyk 0%, 17%, 29%, 5%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#681A1A

AAA - 11.99



#841B1B

AAA - 9.75



#DD7676

AA - 3.03



#fceadc

AA - 1.17



#F2CAAB

AA - 1.52



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(34.8% 0.1 0.047), oklab(40.3% 0.126 0.062), oklab(68.2% 0.12 0.046), oklab(94.8% 0.013 0.024), oklab(86.6% 0.031 0.053))

Fallback colors



background: linear-gradient(45deg, #681A1A, #841B1B, #DD7676, #fceadc, #F2CAAB)

Colors



<!-- Primary Colors -->
<color name="maroon_color_10">#681A1A</color>
<color name="maroon_color_20">#841B1B</color>
<color name="maroon_color_30">#DD7676</color>
<color name="maroon_color_40">#fceadc</color>
<color name="maroon_color_50">#F2CAAB</color>

PWA prompt