#C53300
A dark, vivid orange closely aligning with Firebrick.
About #C53300
Visually, #C53300 is defined as a vivid orange. If you're using CSS, you might find it aligns closely with Firebrick. Its digital footprint relies on 197 parts red, 51 parts green, and 0 parts blue light.
Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 74% Magenta, 100% Yellow, and 23% Black. With a hue angle of 15.5 degrees, it sits comfortably in the orange spectrum.
From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#C53300
RGB197, 51, 0
HSL15.5°, 100.0%, 38.6%
CMYK0%, 74%, 100%, 23%
HSV15.5°, 100.0%, 77.3%
LAB44.6, 55.9, 56.8
XYZ24.2, 14.2, 1.5
Decimal12923648
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.46:1
Text on #FFFFFF
AA
3.85:1
Text on #000000
AA Large
5.22:1
Text on #F8FAFC
AA
3.27:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #C53300;
}
.text-color {
color: #C53300;
}
.border-color {
border: 2px solid #C53300;
}