#AF490F
A dark, vivid orange closely aligning with Chocolate.
About #AF490F
Visually, #AF490F is defined as a vivid orange. It is closely associated with the named CSS color Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 73, and 15.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 58% M, 91% Y, and 31% K. With a hue angle of 21.7 degrees, it sits comfortably in the orange spectrum.
Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#AF490F
RGB175, 73, 15
HSL21.7°, 84.2%, 37.3%
CMYK0%, 58%, 91%, 31%
HSV21.7°, 91.4%, 68.6%
LAB44.1, 39.0, 50.2
XYZ20.1, 13.9, 2.1
Decimal11487503
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.55:1
Text on #FFFFFF
AA
3.78:1
Text on #000000
AA Large
5.31:1
Text on #F8FAFC
AA
3.22:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #AF490F;
}
.text-color {
color: #AF490F;
}
.border-color {
border: 2px solid #AF490F;
}