#F89916
A medium, vivid orange closely aligning with Orange.
About #F89916
The hex code #F89916 represents a beautifully specific shade of orange. It is closely associated with the named CSS color Orange. Its digital footprint relies on 248 parts red, 153 parts green, and 22 parts blue light.
For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 38% magenta inks. The HSL representation is 34.8° hue, 94.2% saturation, and 52.9% lightness.
From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #000000 text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#F89916
RGB248, 153, 22
HSL34.8°, 94.2%, 52.9%
CMYK0%, 38%, 91%, 3%
HSV34.8°, 91.1%, 97.3%
LAB71.4, 27.5, 73.1
XYZ50.2, 42.8, 6.4
Decimal16292118
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.20:1
Text on #FFFFFF
FAIL
9.56:1
Text on #000000
AAA
2.10:1
Text on #F8FAFC
FAIL
8.13:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #F89916;
}
.text-color {
color: #F89916;
}
.border-color {
border: 2px solid #F89916;
}