Skip to the color picker
PickShade

#ccd2a2 color: True to You

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

Read as HEX

67°
100%

OKLCH

84.7%
0.064
114°
  • ≈ Light gray
  • Beige
  • Light
  • Muted
  • Pastel
  • Neutral
  • olive-300
  • Black 18%

Looks the same on every screen.

White text1.58:1 · Below AALc -30
Black text13.31:1 · AALc 77

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

#ccd2a2 is a pastel light beige color. In OKLCH it has 84.7% lightness, 0.064 chroma and a hue of 114°.

Looks the same on every screen.

White text on it reaches 1.58:1 contrast and black text 13.31:1, so black text reads better.

The closest named color is True to You (#cdd3a3). In Tailwind CSS the closest color is olive-300.

More light beige colors

Lighter: #ccd2a2 mixed with white

  1. ccd2a2
  2. d1d7ab
  3. d6dbb5
  4. dbe0be
  5. e0e4c7
  6. e5e9d0
  7. eaedda
  8. eff2e3
  9. f5f6ec
  10. fafbf6

Darker: #ccd2a2 mixed with black

  1. ccd2a2
  2. b1b68c
  3. 979b77
  4. 7e8163
  5. 65684f
  6. 4e503c
  7. 37392a
  8. 222419
  9. 0f100a
  10. 020201

Calmer: #ccd2a2 with less saturation

  1. ccd2a2
  2. ccd2a7
  3. ccd1ab
  4. ccd1af
  5. ccd0b4
  6. cccfb8
  7. cccfbc
  8. cccec0
  9. cccec4
  10. cccdc9