Skip to the color picker

#ffff00 color: Yellow

#ffff00 is rgb(255, 255, 0) in RGB and oklch(96.798% 0.21101 109.769) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

60°
100%

96.8%
0.211
110°
  • Yellow
  • Very light
  • Vivid
  • Neon
  • Neutral
  • yellow-300
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.07:1Hard to read
Lc 0
Black text
19.56:1Readable · AA
Lc 101

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #ffff00

#ffff00 is a neon very light yellow color. In OKLCH it has 96.8% lightness, 0.211 chroma and a hue of 110°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.07:1 contrast and black text 19.56:1, so black text reads better.

The closest named color is Yellow (#ffff00). In Tailwind CSS the closest color is yellow-300.

More very light yellow colors

Lighter: #ffff00 mixed with white

  1. ffff00
  2. fffff0

Darker: #ffff00 mixed with black

  1. ffff00
  2. 808000

Calmer: #ffff00 with less saturation

  1. ffff00

Similar named colors

  • Yellow#ffff00

Colors that go with #ffff00

Complementary
#ffff00
Analogous
#ffff00
Triadic
#ffff00
Split
#ffff00

Questions about #ffff00

What color is #ffff00?

#ffff00 is neon very light yellow. The closest named color is Yellow. In RGB it is rgb(255, 255, 0), in HSL hsl(60, 100%, 50%) and in OKLCH oklch(96.798% 0.21101 109.769).

What colors go well with #ffff00?

The complementary color of #ffff00 is #f3f1ff. For a calmer combination use the analogous colors #fff0c1 and #d0ffc3. The triadic partners are #d7fbff and #ffe9f9.

Is white or black text more readable on #ffff00?

Black text reads better on #ffff00: white gives a contrast ratio of 1.07:1 and black gives 19.56:1. WCAG AA asks for at least 4.5:1 for body text.

Is #ffff00 a warm or cool color?

#ffff00 is a neutral color. In OKLCH its hue is 110 degrees, its lightness 96.8% and its chroma 0.211.