#AF3A0F
A dark, vivid orange closely aligning with Firebrick.
About #AF3A0F
The precise color #AF3A0F is an excellent choice for modern design projects. 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 175, 58, and 15.
For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 67% magenta inks. The HSL representation is 16.1° hue, 84.2% saturation, and 37.3% lightness.
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#AF3A0F
RGB175, 58, 15
HSL16.1°, 84.2%, 37.3%
CMYK0%, 67%, 91%, 31%
HSV16.1°, 91.4%, 68.6%
LAB41.5, 46.0, 48.3
XYZ19.3, 12.2, 1.8
Decimal11483663
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.11:1
Text on #FFFFFF
AA
3.43:1
Text on #000000
AA Large
5.84:1
Text on #F8FAFC
AA
2.92:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #AF3A0F;
}
.text-color {
color: #AF3A0F;
}
.border-color {
border: 2px solid #AF3A0F;
}