Colour
#FD8304
- #FD8304
- Orange
- Dark
- Nearest: Dark orange
#FD8304 is a orange with RGB values 253, 131, 4 and HSL 31°, 98%, 50%. It is a dark colour, so black text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Dark orange.
Colour values
#FD8304#FD8304
HEX#FD8304
RGBrgb(253, 131, 4)
RGB (0–1)0.9922, 0.5137, 0.0157
RGB percentages99.2%, 51.4%, 1.6%
HSLhsl(30.6, 98.4%, 50.4%)
HSV / HSBhsv(30.6, 98.4%, 99.2%)
CMYK0%, 48.2%, 98.4%, 0.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,614,148
CSS custom property--colour: #FD8304;
Brightness & contrast
Relative luminance0.37124WCAG 2.x, 0 is black and 1 is white
Perceived brightness170.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.42:1
Contrast with white2.49:1WCAG normal text: Fail
Contrast with black8.42:1WCAG normal text: AAA
Greyscale equivalent#949494
Inverted#027CFB
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.49:1WCAG large text: Fail
Contrast with black, large text8.42:1WCAG large text: AAA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#047EFD
Analogous#FD0604, #FBFD04
Triadic#04FD83, #8304FD
Split complementary#04FAFD, #0704FD
Tetradic#04FD06, #047EFD, #FD04FA
Tints, shades & saturation
Channel breakdown
R253
G131
B4
Red253 (99.2%)
Green131 (51.4%)
Blue4 (1.6%)
Hue30.6°
Saturation (HSL)98.42%
Lightness50.39%
Dominant channelRed
Hex per channelR FD · G 83 · B 04
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