Skip to the color picker
PickShade

#f4f0cd color: Clotted Cream

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

Read as HEX

54°
100%

OKLCH

94.9%
0.046
102°
  • ≈ Beige
  • Beige
  • Very light
  • Soft
  • Pastel
  • Neutral
  • amber-100
  • Black 4%

Looks the same on every screen.

White text1.15:1 · Below AALc -9
Black text18.19: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 #f4f0cd

#f4f0cd is a pastel very light beige color. In OKLCH it has 94.9% lightness, 0.046 chroma and a hue of 102°.

Looks the same on every screen.

White text on it reaches 1.15:1 contrast and black text 18.19:1, so black text reads better.

The closest named color is Clotted Cream (#f3efcd). In Tailwind CSS the closest color is amber-100.

More very light beige colors

Lighter: #f4f0cd mixed with white

  1. f4f0cd
  2. f5f2d2
  3. f6f3d7
  4. f7f5dc
  5. f8f6e1
  6. f9f8e6
  7. fbf9eb
  8. fcfbf0
  9. fdfcf5
  10. fefefa

Darker: #f4f0cd mixed with black

  1. f4f0cd
  2. d4d1b2
  3. b5b298
  4. 97957e
  5. 7a7866
  6. 5e5d4e
  7. 444338
  8. 2b2a23
  9. 14140f
  10. 030302

Calmer: #f4f0cd with less saturation

  1. f4f0cd
  2. f3f0d0
  3. f3f0d4
  4. f2f0d7
  5. f2efdb
  6. f1efde
  7. f0efe1
  8. f0efe4
  9. efefe8
  10. efeeeb