Skip to the color picker
PickShade

#f0efa2 color: Pale Canary

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

Read as HEX

59°
100%

OKLCH

93.5%
0.097
108°
  • ≈ Khaki
  • Yellow
  • Very light
  • Soft
  • Pastel
  • Neutral
  • amber-200
  • Black 6%

Looks the same on every screen.

White text1.19:1 · Below AALc -11
Black text17.57:1 · AALc 94

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 #f0efa2

#f0efa2 is a pastel very light yellow color. In OKLCH it has 93.5% lightness, 0.097 chroma and a hue of 108°.

Looks the same on every screen.

White text on it reaches 1.19:1 contrast and black text 17.57:1, so black text reads better.

The closest named color is Pale Canary (#f1efa6). In Tailwind CSS the closest color is amber-200.

More very light yellow colors

Lighter: #f0efa2 mixed with white

  1. f0efa2
  2. f1f1ac
  3. f3f2b6
  4. f4f4bf
  5. f6f6c9
  6. f7f7d2
  7. f9f9db
  8. fafbe4
  9. fcfced
  10. fdfef6

Darker: #f0efa2 mixed with black

  1. f0efa2
  2. d1d08c
  3. b2b177
  4. 959463
  5. 78784f
  6. 5d5c3c
  7. 43422a
  8. 2a2a19
  9. 14140a
  10. 030301

Calmer: #f0efa2 with less saturation

  1. f0efa2
  2. efefaa
  3. efeeb2
  4. eeeeb9
  5. ededc0
  6. ecedc8
  7. ececcf
  8. ebebd5
  9. ebebdc
  10. eaeae3