#FFAF24
A medium, vivid orange closely aligning with Orange.
About #FFAF24
At its core, #FFAF24 is a medium and vivid hue. It is closely associated with the named CSS color Orange. In the RGB color space, it consists of 255 red, 175 green, and 36 blue.
For print applications, it's crucial to understand its CMYK makeup. The color uses 0% Cyan, 31% Magenta, 86% Yellow, and 0% Black. The HSL representation is 38.1° hue, 100.0% saturation, and 57.1% lightness.
When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#FFAF24
RGB255, 175, 36
HSL38.1°, 100.0%, 57.1%
CMYK0%, 31%, 86%, 0%
HSV38.1°, 85.9%, 100.0%
LAB77.3, 19.2, 74.7
XYZ56.9, 52.0, 8.7
Decimal16756516
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.84:1
Text on #FFFFFF
FAIL
11.41:1
Text on #000000
AAA
1.76:1
Text on #F8FAFC
FAIL
9.70:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #FFAF24;
}
.text-color {
color: #FFAF24;
}
.border-color {
border: 2px solid #FFAF24;
}