Maroon

Palette information

Tue Feb 08 2022

Red

Brown

HEX	RGB	HSL	HWB	HSV	CMYK	Pantone (Or similar)
#681a1a	rgb(104, 26, 26)	hsl(0, 60%, 25%)	hwb(0 10% 59%)	hsv 0°, 75%, 41%	cmyk 0%, 75%, 75%, 59%	Pantone 1815C
#841b1b	rgb(132, 27, 27)	hsl(0, 66%, 31%)	hwb(0 11% 48%)	hsv 0°, 80%, 52%	cmyk 0%, 80%, 80%, 48%	Pantone 704C
#dd7676	rgb(221, 118, 118)	hsl(0, 60%, 66%)	hwb(0 46% 13%)	hsv 0°, 47%, 87%	cmyk 0%, 47%, 47%, 13%	Pantone 177C
#fceadc	rgb(252, 234, 220)	hsl(26, 84%, 93%)	hwb(26 86% 1%)	hsv 26°, 13%, 99%	cmyk 0%, 7%, 13%, 1%	Pantone 705C
#f2caab	rgb(242, 202, 171)	hsl(26, 73%, 81%)	hwb(26 67% 5%)	hsv 26°, 29%, 95%	cmyk 0%, 17%, 29%, 5%	Pantone 474C

Click a color format to copy to your clipboard.

Background

#681A1A

12.0

#841B1B

9.8

#DD7676

3.0

#fceadc

1.2

#F2CAAB

1.5

Color blindness filter

Text (Toggle dark mode to preview the text in black or white)

Android color codes


                <color name="Maroon_1">#681A1A</color>


                <color name="Maroon_2">#841B1B</color>


                <color name="Maroon_3">#DD7676</color>


                <color name="Maroon_4">#fceadc</color>


                <color name="Maroon_5">#F2CAAB</color>

Flutter color codes


                const Maroon1 = Color(0xFF681A1A);


                const Maroon2 = Color(0xFF841B1B);


                const Maroon3 = Color(0xFFDD7676);


                const Maroon4 = Color(0xFFfceadc);


                const Maroon5 = Color(0xFFF2CAAB);

Featured tools

Gradient generator

Mesh gradient generator

Palette generator