A study in yellow
Yellow
#FFFF00
- Family
- Yellow
- L
- 0.968
- C
- 0.211
- H
- 110°
Notes
Yellow in CSS is #ffff00, the brightest possible yellow the sRGB colour space can produce. The hex is too saturated for almost any practical UI use except as a brief attention marker. Cultural associations run strong: sun, caution, cheer, cowardice, depending on region. Real-world yellow branding usually pulls a slightly desaturated or darker variant like Goldenrod or Mustard for actual deployment. As body text against white the contrast fails completely - strictly backgrounds, fills, and decorative accents with dark text overlays. Body text contrast against white fails AA at every standard size.
Palette built around Yellow
Related colors
Frequently asked questions
What is Yellow?
Yellow in CSS is #ffff00, the brightest possible yellow the sRGB colour space can produce. The hex is too saturated for almost any practical UI use except as a brief attention marker. Its hex code is #FFFF00.
What are the tints and shades of Yellow?
uishades builds an 11-step OKLCH ramp for Yellow (#FFFF00) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Yellow?
Its complementary color is #F3F1FF. Triadic partners are #D6FBFF and #FFE9F9; analogous neighbours are #D0FFC3 and #FFF0C1.
What are the OKLCH and RGB values of Yellow?
Yellow is #FFFF00 - OKLCH 0.968 0.211 110°, rgb(255 255 0), in the yellow family.