#F89224
A medium, vivid orange closely aligning with Darkorange.
About #F89224
The precise color #F89224 is an excellent choice for modern design projects. Designers often compare it to the standard color Darkorange. Its digital footprint relies on 248 parts red, 146 parts green, and 36 parts blue light.
For print applications, it's crucial to understand its CMYK makeup. The color uses 0% Cyan, 41% Magenta, 85% Yellow, and 3% Black. With a hue angle of 31.1 degrees, it sits comfortably in the orange spectrum.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#F89224
RGB248, 146, 36
HSL31.1°, 93.8%, 55.7%
CMYK0%, 41%, 85%, 3%
HSV31.1°, 85.5%, 97.3%
LAB69.9, 31.4, 68.4
XYZ49.3, 40.6, 6.9
Decimal16290340
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.30:1
Text on #FFFFFF
FAIL
9.13:1
Text on #000000
AAA
2.20:1
Text on #F8FAFC
FAIL
7.76:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #F89224;
}
.text-color {
color: #F89224;
}
.border-color {
border: 2px solid #F89224;
}