Maroon

#550000
RGB
85, 0, 0
HSL
0°, 100%, 17%
CMYK
0, 100, 100, 67
HSV
0°, 100%, 33%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #550000 color: #550000;
RGB 85, 0, 0 color: rgb(85, 0, 0);
RGB Percentage 33%, 0%, 0% color: rgb(33%, 0%, 0%);
CMYK 0%, 100%, 100%, 67% Not supported in CSS
HSL 0°, 100%, 17% color: hsl(0, 100%, 17%);
HSV 0°, 100%, 33% Not supported in CSS
CIE-LAB 14, 17, 0 color: lab(14% 17 0);
Decimal 5570560 Not supported in CSS

Color Variations

Shades

#570000
#4E0000
#450000
#3D0000
#340000
#2B0000
#230000
#1A0000

Tints

#FF8080
#FF5656
#FF2B2B
#FF0101
#D60000
#AB0000
#810000
#570000

Tones

#570000
#520404
#4E0909
#4A0D0D
#451111
#411616
#3D1A1A
#381E1E

Hues

#570000
#574100
#2B5700
#005716
#005757
#001657
#2B0057
#570041

Color Harmonies

Analogous

#57002B
Click to copy
Dark Magenta
90%
#550000
Click to copy
Maroon
100%
#572B00
Click to copy
Dark Orange
90%

Complementary

#550000
Click to copy
Maroon
100%
#005757
Click to copy
Dark Cyan
66%

Split Complementary

#550000
Click to copy
Maroon
100%
#00572B
Click to copy
Dark Cyan
71%
#002B57
Click to copy
Dark Blue
71%

Triadic

#550000
Click to copy
Maroon
100%
#005700
Click to copy
Dark Green
72%
#000057
Click to copy
Dark Blue
72%

Tetradic

#550000
Click to copy
Maroon
100%
#2B5700
Click to copy
Dark Green
78%
#005757
Click to copy
Dark Cyan
66%
#2B0057
Click to copy
Dark Purple
78%

Square

#550000
Click to copy
Maroon
100%
#2B5700
Click to copy
Dark Green
78%
#005757
Click to copy
Dark Cyan
66%
#2B0057
Click to copy
Dark Purple
78%

CSS & Dev Snippets

CSS
.maroon {
  color: #550000;
}
SCSS
$maroon: #550000;
RGB
rgb(85, 0, 0)

Accessibility & Contrast

White background

15.15:1
15.15
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.39:1
1.39
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags