#FFAF3A
A light, vivid orange closely aligning with Orange.
About #FFAF3A
The hex code #FFAF3A represents a beautifully specific shade of orange. Designers often compare it to the standard color Orange. Its digital footprint relies on 255 parts red, 175 parts green, and 58 parts blue light.
For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 0% C, 31% M, 77% Y, and 0% K. The HSL representation is 35.6° hue, 100.0% saturation, and 61.4% 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#FFAF3A
RGB255, 175, 58
HSL35.6°, 100.0%, 61.4%
CMYK0%, 31%, 77%, 0%
HSV35.6°, 77.3%, 100.0%
LAB77.4, 19.8, 67.7
XYZ57.3, 52.2, 11.1
Decimal16756538
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.83:1
Text on #FFFFFF
FAIL
11.45:1
Text on #000000
AAA
1.75:1
Text on #F8FAFC
FAIL
9.73:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #FFAF3A;
}
.text-color {
color: #FFAF3A;
}
.border-color {
border: 2px solid #FFAF3A;
}