#422C24
A dark, muted orange closely aligning with Black.
About #422C24
Visually, #422C24 is defined as a muted orange. If you're using CSS, you might find it aligns closely with Black. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 44, and 36.
When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 33% magenta, 45% yellow, and 74% black. With a hue angle of 16.0 degrees, it sits comfortably in the orange spectrum.
Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#422C24
RGB66, 44, 36
HSL16.0°, 29.4%, 20.0%
CMYK0%, 33%, 45%, 74%
HSV16.0°, 45.5%, 25.9%
LAB20.4, 9.0, 9.3
XYZ3.5, 3.1, 2.1
Decimal4336676
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
12.98:1
Text on #FFFFFF
AAA
1.62:1
Text on #000000
FAIL
12.41:1
Text on #F8FAFC
AAA
1.37:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #422C24;
}
.text-color {
color: #422C24;
}
.border-color {
border: 2px solid #422C24;
}