#AF570F

A dark, vivid orange closely aligning with Chocolate.

About #AF570F

When working with digital screens, the color #AF570F is rendered by mixing light. 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, 87, and 15.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 50% magenta inks. The HSL representation is 27.0° hue, 84.2% saturation, and 37.3% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#AF570F
RGB175, 87, 15
HSL27.0°, 84.2%, 37.3%
CMYK0%, 50%, 91%, 31%
HSV27.0°, 91.4%, 68.6%
LAB46.9, 31.9, 52.3
XYZ21.2, 16.0, 2.4
Decimal11491087

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.01:1
Text on #FFFFFF
AA
4.19:1
Text on #000000
AA Large
4.79:1
Text on #F8FAFC
AA
3.56:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #AF570F; }
.text-color { color: #AF570F; }
.border-color { border: 2px solid #AF570F; }

Similar Colors

Chocolate
#D2691E