Skip to the color picker
PickShade

#f0f396 color: Jonquil

Every format, shade and contrast value for #f0f396. Drag the picker to explore nearby colors.

Read as HEX

62°
100%

OKLCH

94.2%
0.116
110°
  • ≈ Khaki
  • Yellow
  • Very light
  • Soft
  • Pastel
  • Neutral
  • yellow-200
  • Black 5%

Looks the same on every screen.

White text1.17:1 · Below AALc -9
Black text17.97:1 · AALc 96

Shades

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

Harmonies

Open as palette

Recent

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

About #f0f396

#f0f396 is a pastel very light yellow color. In OKLCH it has 94.2% lightness, 0.116 chroma and a hue of 110°.

Looks the same on every screen.

White text on it reaches 1.17:1 contrast and black text 17.97:1, so black text reads better.

The closest named color is Jonquil (#eef293). In Tailwind CSS the closest color is yellow-200.

More very light yellow colors

Lighter: #f0f396 mixed with white

  1. f0f396
  2. f1f4a2
  3. f3f6ad
  4. f4f7b8
  5. f6f8c3
  6. f7facd
  7. f9fbd7
  8. fafce1
  9. fcfdeb
  10. fdfef5

Darker: #f0f396 mixed with black

  1. f0f396
  2. d1d382
  3. b2b46e
  4. 95975b
  5. 787a49
  6. 5d5e37
  7. 434426
  8. 2a2b16
  9. 141408
  10. 030301

Calmer: #f0f396 with less saturation

  1. f0f396
  2. eff2a0
  3. eff2a9
  4. eef1b2
  5. eef1bb
  6. edf0c4
  7. edefcc
  8. edeed4
  9. eceddc
  10. ecece4