Skip to the color picker
PickShade

#d4ccfd color: Lavender Blue

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

Read as HEX

250°
100%

OKLCH

86.8%
0.068
292°
  • ≈ Periwinkle
  • Violet
  • Very light
  • Soft
  • Pastel
  • Cool
  • indigo-200
  • Black 1%

Looks the same on every screen.

White text1.52:1 · Below AALc -27
Black text13.85:1 · AALc 80

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

#d4ccfd is a pastel very light violet color. In OKLCH it has 86.8% lightness, 0.068 chroma and a hue of 292°.

Looks the same on every screen.

White text on it reaches 1.52:1 contrast and black text 13.85:1, so black text reads better.

The closest named color is Lavender Blue (#ccccff). In Tailwind CSS the closest color is indigo-200.

More very light violet colors

Lighter: #d4ccfd mixed with white

  1. d4ccfd
  2. d8d1fd
  3. dcd6fe
  4. e1dbfe
  5. e5e0fe
  6. e9e6ff
  7. edebff
  8. f2f0ff
  9. f6f5ff
  10. fbfaff

Darker: #d4ccfd mixed with black

  1. d4ccfd
  2. b8b1dc
  3. 9d97bc
  4. 837e9d
  5. 69657f
  6. 514e62
  7. 3a3747
  8. 24222d
  9. 100f16
  10. 020203

Calmer: #d4ccfd with less saturation

  1. d4ccfd
  2. d4cdf9
  3. d4cef5
  4. d4cef1
  5. d4cfed
  6. d3d0e8
  7. d3d1e4
  8. d3d1e0
  9. d3d2dc
  10. d3d3d8