#AF5733
A medium, moderate orange closely aligning with Sienna.
About #AF5733
Visually, #AF5733 is defined as a moderate 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, 87, and 51.
For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 0% C, 50% M, 71% Y, and 31% K. This makes it a relatively light color when applied to physical surfaces.
Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#AF5733
RGB175, 87, 51
HSL17.4°, 54.9%, 44.3%
CMYK0%, 50%, 71%, 31%
HSV17.4°, 70.9%, 68.6%
LAB47.2, 33.1, 36.8
XYZ21.7, 16.2, 5.1
Decimal11491123
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.96:1
Text on #FFFFFF
AA
4.23:1
Text on #000000
AA Large
4.74:1
Text on #F8FAFC
AA
3.60:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #AF5733;
}
.text-color {
color: #AF5733;
}
.border-color {
border: 2px solid #AF5733;
}