#FFA01D
A medium, vivid orange closely aligning with Orange.
About #FFA01D
When working with digital screens, the color #FFA01D is rendered by mixing light. If you're using CSS, you might find it aligns closely with Orange. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 160, and 29.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 37% M, 89% Y, and 0% K. The HSL representation is 34.8° hue, 100.0% saturation, and 55.7% lightness.
From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#FFA01D
RGB255, 160, 29
HSL34.8°, 100.0%, 55.7%
CMYK0%, 37%, 89%, 0%
HSV34.8°, 88.6%, 100.0%
LAB73.9, 26.9, 73.7
XYZ54.0, 46.5, 7.3
Decimal16752669
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.04:1
Text on #FFFFFF
FAIL
10.30:1
Text on #000000
AAA
1.95:1
Text on #F8FAFC
FAIL
8.75:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #FFA01D;
}
.text-color {
color: #FFA01D;
}
.border-color {
border: 2px solid #FFA01D;
}