Yellow #FFFF00

#FFFF00Yellow
HEX#FFFF00
RGBrgb(255, 255, 0)
HSLhsl(60, 100%, 50%)
HSVhsv(60, 100%, 100%)
OKLCHoklch(96.8% 0.211 109.8)
OKLABoklab(96.8% -0.071 0.199)
CMYKcmyk(0%, 0%, 100%, 0%)

Yellow (#FFFF00) is a very light, highly saturated yellow hue. Pure sRGB yellow is extremely light, so black text reads well on it but yellow text on white almost never passes contrast.

In RGB it is made of 255 red, 255 green and 0 blue. Its HSL hue angle is 60° with 100% saturation and 50% lightness, while its perceptual OKLCH lightness is 97% with a chroma of 0.211. For print, a starting CMYK mix is 0% cyan, 0% magenta, 100% yellow and 0% black.

As a text color on white, Yellow has a contrast ratio of 1.07:1, which fails WCAG AA even for large text. On black it reaches 19.56:1 and passes AA for normal text. If you use Yellow as a background, put black (or very dark) text on it. The APCA lightness contrast is Lc 101 for black text and Lc 0 for white text.

Its perceptual complement is #F4F3FF, close to off-white. Colors that look most similar are lemon, gold, mustard. It looks fairly similar to people with red-green color blindness (ΔE 2), so its meaning mostly survives.

Contrast

Text on white · 1.07:1 ✗
Text on black · 19.56:1 AA ✓
White on Yellow · APCA Lc 0
Black on Yellow · APCA Lc 101

Shades and tints of yellow

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How yellow looks with color blindness

Protanopia: #FFF400Deuteranopia: #FFFA31Tritanopia: #FFEED9Achromatopsia: #F7F7F7

Similar colors

Lemon#FFF44FGold#FFD700Mustard#FFDB58Mint#98FF98Chartreuse#7FFF00Cream#FFFDD0Peach#FFE5B4Amber#FFBF00

FAQ

What is the hex code for yellow?

The hex code for yellow is #FFFF00, which is rgb(255, 255, 0) in RGB.

What text color goes on yellow?

Black text. Its contrast with yellow is 19.56:1.

What color is the complement of yellow?

The perceptual (OKLCH) complement of #FFFF00 is #F4F3FF.

← All named colors