#660700
A dark, vivid red closely aligning with Maroon.
About #660700
At its core, #660700 is a dark and vivid hue. If you're using CSS, you might find it aligns closely with Maroon. This translates to an RGB value of rgb(102, 7, 0).
When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 93% magenta, 100% yellow, and 60% black. The HSL representation is 4.1° hue, 100.0% saturation, and 20.0% lightness.
Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#660700
RGB102, 7, 0
HSL4.1°, 100.0%, 20.0%
CMYK0%, 93%, 100%, 60%
HSV4.1°, 100.0%, 40.0%
LAB20.0, 39.1, 30.4
XYZ5.6, 3.0, 0.3
Decimal6686464
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
13.16:1
Text on #FFFFFF
AAA
1.60:1
Text on #000000
FAIL
12.58:1
Text on #F8FAFC
AAA
1.36:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #660700;
}
.text-color {
color: #660700;
}
.border-color {
border: 2px solid #660700;
}