#AF6D3A

A medium, moderate orange closely aligning with Sienna.

About #AF6D3A

The hex code #AF6D3A represents a beautifully specific shade of orange. It is closely associated with the named CSS color Sienna. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 109, and 58.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 38% Magenta, 67% Yellow, and 31% Black. The HSL representation is 26.2° hue, 50.2% saturation, and 45.7% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#AF6D3A
RGB175, 109, 58
HSL26.2°, 50.2%, 45.7%
CMYK0%, 38%, 67%, 31%
HSV26.2°, 66.9%, 68.6%
LAB52.2, 21.5, 38.8
XYZ23.9, 20.4, 6.7
Decimal11496762

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.14:1
Text on #FFFFFF
AA Large
5.07:1
Text on #000000
AA
3.96:1
Text on #F8FAFC
AA Large
4.31:1
Text on #0F172A
AA Large

CSS Implementation

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

Similar Colors

Sienna
#A0522D