Skip to the color picker
PickShade

#d2ccfd color: Lavender Blue

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

Read as HEX

247°
100%

OKLCH

86.6%
0.068
291°
  • ≈ 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.80:1 · AALc 79

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

#d2ccfd is a pastel very light violet color. In OKLCH it has 86.6% lightness, 0.068 chroma and a hue of 291°.

Looks the same on every screen.

White text on it reaches 1.52:1 contrast and black text 13.8: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: #d2ccfd mixed with white

  1. d2ccfd
  2. d6d1fd
  3. dbd6fe
  4. dfdbfe
  5. e4e0fe
  6. e8e6ff
  7. edebff
  8. f1f0ff
  9. f6f5ff
  10. fafaff

Darker: #d2ccfd mixed with black

  1. d2ccfd
  2. b6b1dc
  3. 9b97bc
  4. 817e9d
  5. 68657f
  6. 504e62
  7. 393747
  8. 24222d
  9. 100f16
  10. 020203

Calmer: #d2ccfd with less saturation

  1. d2ccfd
  2. d2cdf9
  3. d2cef5
  4. d2cef1
  5. d2cfec
  6. d2d0e8
  7. d2d0e4
  8. d2d1e0
  9. d2d2db
  10. d3d2d7