#CC662C
A medium, moderate orange closely aligning with Chocolate.
About #CC662C
Visually, #CC662C is defined as a moderate orange. If you're using CSS, you might find it aligns closely with Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 102, and 44.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 50% magenta, 78% yellow, and 20% black. With a hue angle of 21.8 degrees, it sits comfortably in the orange spectrum.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#CC662C
RGB204, 102, 44
HSL21.8°, 64.5%, 48.6%
CMYK0%, 50%, 78%, 20%
HSV21.8°, 78.4%, 80.0%
LAB54.6, 36.6, 49.4
XYZ30.1, 22.5, 5.1
Decimal13395500
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.82:1
Text on #FFFFFF
AA Large
5.50:1
Text on #000000
AA
3.65:1
Text on #F8FAFC
AA Large
4.68:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #CC662C;
}
.text-color {
color: #CC662C;
}
.border-color {
border: 2px solid #CC662C;
}