#CC3A16
A medium, vivid red closely aligning with Firebrick.
About #CC3A16
The hex code #CC3A16 represents a beautifully specific shade of red. If you're using CSS, you might find it aligns closely with Firebrick. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 58, and 22.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 0% C, 72% M, 89% Y, and 20% K. The HSL representation is 11.9° hue, 80.5% saturation, and 44.3% lightness.
Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#CC3A16
RGB204, 58, 22
HSL11.9°, 80.5%, 44.3%
CMYK0%, 72%, 89%, 20%
HSV11.9°, 89.2%, 80.0%
LAB46.9, 55.9, 52.1
XYZ26.6, 15.9, 2.4
Decimal13384214
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.02:1
Text on #FFFFFF
AA
4.18:1
Text on #000000
AA Large
4.80:1
Text on #F8FAFC
AA
3.56:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #CC3A16;
}
.text-color {
color: #CC3A16;
}
.border-color {
border: 2px solid #CC3A16;
}