Skip to the color picker
PickShade

#ccd2a3 color: True to You

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

Read as HEX

68°
100%

OKLCH

84.7%
0.063
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 78

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

#ccd2a3 is a pastel light beige color. In OKLCH it has 84.7% lightness, 0.063 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: #ccd2a3 mixed with white

  1. ccd2a3
  2. d1d7ac
  3. d6dbb5
  4. dbe0bf
  5. e0e4c8
  6. e5e8d1
  7. eaedda
  8. eff1e3
  9. f5f6ed
  10. fafaf6

Darker: #ccd2a3 mixed with black

  1. ccd2a3
  2. b1b68d
  3. 979b78
  4. 7e8163
  5. 65684f
  6. 4e503c
  7. 37392a
  8. 222419
  9. 0f100a
  10. 020201

Calmer: #ccd2a3 with less saturation

  1. ccd2a3
  2. ccd2a7
  3. ccd1ac
  4. ccd1b0
  5. ccd0b4
  6. ccd0b8
  7. cccfbd
  8. cccec1
  9. cccec5
  10. cdcdc9