#CC4907
A medium, vivid orange closely aligning with Chocolate.
About #CC4907
Visually, #CC4907 is defined as a vivid orange. Designers often compare it to the standard color Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 73, and 7.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 64% M, 97% Y, and 20% K. The HSL representation is 20.1° hue, 93.4% saturation, and 41.4% lightness.
Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#CC4907
RGB204, 73, 7
HSL20.1°, 93.4%, 41.4%
CMYK0%, 64%, 97%, 20%
HSV20.1°, 96.6%, 80.0%
LAB49.0, 49.7, 58.0
XYZ27.3, 17.6, 2.2
Decimal13388039
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.64:1
Text on #FFFFFF
AA
4.52:1
Text on #000000
AA
4.44:1
Text on #F8FAFC
AA Large
3.85:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #CC4907;
}
.text-color {
color: #CC4907;
}
.border-color {
border: 2px solid #CC4907;
}