#FFB616
A medium, vivid orange closely aligning with Orange.
About #FFB616
The hex code #FFB616 represents a beautifully specific shade of orange. If you're using CSS, you might find it aligns closely with Orange. This translates to an RGB value of rgb(255, 182, 22).
For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 0% C, 29% M, 91% Y, and 0% K. The HSL representation is 41.2° hue, 100.0% saturation, and 54.3% lightness.
Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#FFB616
RGB255, 182, 22
HSL41.2°, 100.0%, 54.3%
CMYK0%, 29%, 91%, 0%
HSV41.2°, 91.4%, 100.0%
LAB78.9, 15.3, 78.9
XYZ58.1, 54.8, 8.3
Decimal16758294
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.76:1
Text on #FFFFFF
FAIL
11.95:1
Text on #000000
AAA
1.68:1
Text on #F8FAFC
FAIL
10.16:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #FFB616;
}
.text-color {
color: #FFB616;
}
.border-color {
border: 2px solid #FFB616;
}