#CC501D
A medium, vivid orange closely aligning with Chocolate.
About #CC501D
Visually, #CC501D is defined as a vivid orange. It is closely associated with the named CSS color Chocolate. This translates to an RGB value of rgb(204, 80, 29).
If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 61% magenta inks. With a hue angle of 17.5 degrees, it sits comfortably in the orange spectrum.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#CC501D
RGB204, 80, 29
HSL17.5°, 75.1%, 45.7%
CMYK0%, 61%, 86%, 20%
HSV17.5°, 85.8%, 80.0%
LAB50.3, 46.9, 52.0
XYZ28.0, 18.7, 3.3
Decimal13389853
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.44:1
Text on #FFFFFF
AA Large
4.73:1
Text on #000000
AA
4.24:1
Text on #F8FAFC
AA Large
4.02:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #CC501D;
}
.text-color {
color: #CC501D;
}
.border-color {
border: 2px solid #CC501D;
}