Skip to the color picker

Lemon color: #fff700

Lemon is #fff700, rgb(255, 247, 0) in RGB and oklch(95.145% 0.20435 107.325) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

58°
100%

95.1%
0.204
107°
  • Yellow
  • Very light
  • Vivid
  • Neon
  • Neutral
  • yellow-300
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.13:1Hard to read
Lc 0
Black text
18.56:1Readable · AA
Lc 98

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.

Palettes with Lemon

Similar named colors

Questions about Lemon

What is the hex code for Lemon?

The hex code for Lemon is #fff700. In RGB it is rgb(255, 247, 0), in HSL hsl(58.12, 100%, 50%) and in OKLCH oklch(95.145% 0.20435 107.325).

What colors go well with Lemon?

Its complementary color is #ecebff. For a calmer look, pair it with the analogous colors #ffe9b4 and #beffa2. Ready palettes with Lemon are shown on this page.

Is Lemon a warm or cool color?

Lemon is a neutral color with an OKLCH hue of 107 degrees.

What text color is readable on Lemon?

Black text is more readable on Lemon: white gives a contrast ratio of 1.13:1 and black gives 18.56:1. WCAG AA asks for at least 4.5:1 for body text.

About #fff700

#fff700 is a neon very light yellow color. In OKLCH it has 95.1% lightness, 0.204 chroma and a hue of 107°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.13:1 contrast and black text 18.56:1, so black text reads better.

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

More very light yellow colors

Lighter: #fff700 mixed with white

  1. fff700

Darker: #fff700 mixed with black

  1. fff700

Calmer: #fff700 with less saturation

  1. fff700

Similar named colors

  • Lemon#fff700

Colors that go with #fff700

Complementary
#fff700
Analogous
#fff700
Triadic
#fff700
Split
#fff700