Recognised as Colour
#F8DC21
- #F8DC21
- Yellow
- Light
- Nearest: Gold
#F8DC21 is a yellow with RGB values 248, 220, 33 and HSL 52°, 94%, 55%. It is a light colour, so black text on it reaches 15.3:1 contrast (AAA for normal text). The nearest named colour is Gold.
Colour values
#F8DC21#F8DC21
HEX#F8DC21
RGBrgb(248, 220, 33)
RGB (0–1)0.9725, 0.8627, 0.1294
RGB percentages97.3%, 86.3%, 12.9%
HSLhsl(52.2, 93.9%, 55.1%)
HSV / HSBhsv(52.2, 86.7%, 97.3%)
CMYK0%, 11.3%, 86.7%, 2.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,309,281
CSS custom property--colour: #F8DC21;
Brightness & contrast
Relative luminance0.71253WCAG 2.x, 0 is black and 1 is white
Perceived brightness216.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.25:1
Contrast with white1.38:1WCAG normal text: Fail
Contrast with black15.25:1WCAG normal text: AAA
Greyscale equivalent#D4D4D4
Inverted#0723DE
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.38:1WCAG large text: Fail
Contrast with black, large text15.25:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#213DF8
Analogous#F87121, #A8F821
Triadic#21F8DC, #DC21F8
Split complementary#21A9F8, #7021F8
Tetradic#21F871, #213DF8, #F821A9
Tints, shades & saturation
Channel breakdown
R248
G220
B33
Red248 (97.3%)
Green220 (86.3%)
Blue33 (12.9%)
Hue52.19°
Saturation (HSL)93.89%
Lightness55.1%
Dominant channelRed
Hex per channelR F8 · G DC · B 21
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