Recognised as Colour
#F58E0E
- #F58E0E
- Orange
- Dark
- Nearest: Dark orange
#F58E0E is a orange with RGB values 245, 142, 14 and HSL 33°, 92%, 51%. It is a dark colour, so black text on it reaches 8.8:1 contrast (AAA for normal text). The nearest named colour is Dark orange.
Colour values
#F58E0E#F58E0E
HEX#F58E0E
RGBrgb(245, 142, 14)
RGB (0–1)0.9608, 0.5569, 0.0549
RGB percentages96.1%, 55.7%, 5.5%
HSLhsl(33.2, 92%, 50.8%)
HSV / HSBhsv(33.2, 94.3%, 96.1%)
CMYK0%, 42%, 94.3%, 3.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,092,686
CSS custom property--colour: #F58E0E;
Brightness & contrast
Relative luminance0.3879WCAG 2.x, 0 is black and 1 is white
Perceived brightness172.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.76:1
Contrast with white2.4:1WCAG normal text: Fail
Contrast with black8.76:1WCAG normal text: AAA
Greyscale equivalent#9B9B9B
Inverted#0A71F1
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.4:1WCAG large text: Fail
Contrast with black, large text8.76:1WCAG large text: AAA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#0E75F5
Analogous#F51B0E, #E8F50E
Triadic#0EF58E, #8E0EF5
Split complementary#0EE8F5, #1B0EF5
Tetradic#0EF51B, #0E75F5, #F50EE8
Tints, shades & saturation
Channel breakdown
R245
G142
B14
Red245 (96.1%)
Green142 (55.7%)
Blue14 (5.5%)
Hue33.25°
Saturation (HSL)92.03%
Lightness50.78%
Dominant channelRed
Hex per channelR F5 · G 8E · B 0E
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page