#AF3307
A dark, vivid orange closely aligning with Firebrick.
About #AF3307
At its core, #AF3307 is a dark and vivid hue. It is closely associated with the named CSS color Firebrick. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 51, and 7.
Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 71% Magenta, 96% Yellow, and 31% Black. The HSL representation is 15.7° hue, 92.3% saturation, and 35.7% lightness.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#AF3307
RGB175, 51, 7
HSL15.7°, 92.3%, 35.7%
CMYK0%, 71%, 96%, 31%
HSV15.7°, 96.0%, 68.6%
LAB40.4, 48.7, 50.1
XYZ18.9, 11.5, 1.4
Decimal11481863
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.36:1
Text on #FFFFFF
AA
3.30:1
Text on #000000
AA Large
6.08:1
Text on #F8FAFC
AA
2.80:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #AF3307;
}
.text-color {
color: #AF3307;
}
.border-color {
border: 2px solid #AF3307;
}