Skip to the color picker
PickShade

#f3f0cd color: Clotted Cream

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

Read as HEX

55°
100%

OKLCH

94.9%
0.046
103°
  • ≈ Beige
  • Beige
  • Very light
  • Muted
  • Pastel
  • Neutral
  • amber-100
  • Black 5%

Looks the same on every screen.

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

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

Looks the same on every screen.

White text on it reaches 1.16:1 contrast and black text 18.16: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: #f3f0cd mixed with white

  1. f3f0cd
  2. f4f2d2
  3. f5f3d7
  4. f7f5dc
  5. f8f6e1
  6. f9f8e6
  7. faf9eb
  8. fbfbf0
  9. fdfcf5
  10. fefefa

Darker: #f3f0cd mixed with black

  1. f3f0cd
  2. d3d1b2
  3. b4b298
  4. 97957e
  5. 7a7866
  6. 5e5d4e
  7. 444338
  8. 2b2a23
  9. 14140f
  10. 030302

Calmer: #f3f0cd with less saturation

  1. f3f0cd
  2. f2f0d0
  3. f2f0d4
  4. f1efd7
  5. f1efda
  6. f0efde
  7. f0efe1
  8. efefe4
  9. efeee7
  10. eeeeeb