#F1A509
A medium, vivid orange closely aligning with Orange.
About #F1A509
At its core, #F1A509 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Orange. This translates to an RGB value of rgb(241, 165, 9).
If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 32% magenta inks. The HSL representation is 40.3° hue, 92.8% saturation, and 49.0% lightness.
Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#F1A509
RGB241, 165, 9
HSL40.3°, 92.8%, 49.0%
CMYK0%, 32%, 96%, 5%
HSV40.3°, 96.3%, 94.5%
LAB73.3, 18.1, 76.0
XYZ49.8, 45.6, 6.4
Decimal15836425
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.07:1
Text on #FFFFFF
FAIL
10.13:1
Text on #000000
AAA
1.98:1
Text on #F8FAFC
FAIL
8.61:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #F1A509;
}
.text-color {
color: #F1A509;
}
.border-color {
border: 2px solid #F1A509;
}