#AF5000
A dark, vivid orange closely aligning with Chocolate.
About #AF5000
Visually, #AF5000 is defined as a vivid orange. If you're using CSS, you might find it aligns closely with Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 80, and 0.
For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 54% magenta, 100% yellow, and 31% black. With a hue angle of 27.4 degrees, it sits comfortably in the orange spectrum.
From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#AF5000
RGB175, 80, 0
HSL27.4°, 100.0%, 34.3%
CMYK0%, 54%, 100%, 31%
HSV27.4°, 100.0%, 68.6%
LAB45.4, 35.3, 55.1
XYZ20.5, 14.9, 1.8
Decimal11489280
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.29:1
Text on #FFFFFF
AA
3.97:1
Text on #000000
AA Large
5.06:1
Text on #F8FAFC
AA
3.38:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #AF5000;
}
.text-color {
color: #AF5000;
}
.border-color {
border: 2px solid #AF5000;
}