Skip to the color picker

#caccfd color: Lavender Blue

#caccfd is rgb(202, 204, 253) in RGB and oklch(85.992% 0.06787 283.035) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

238°
100%

86%
0.068
283°
  • Indigo
  • Very light
  • Soft
  • Pastel
  • Cool
  • ≈ Periwinkle
  • indigo-200
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.55:1Hard to read
Lc -29
Black text
13.57:1Readable · AA
Lc 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 #caccfd

#caccfd is a pastel very light indigo color. In OKLCH it has 86% lightness, 0.068 chroma and a hue of 283°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.55:1 contrast and black text 13.57: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 indigo colors

Lighter: #caccfd mixed with white

  1. caccfd
  2. cfd1fd
  3. d4d6fe
  4. dadbfe
  5. dfe0fe
  6. e4e6ff
  7. e9ebff
  8. eff0ff
  9. f4f5ff
  10. fafaff

Darker: #caccfd mixed with black

  1. caccfd
  2. afb1dc
  3. 9597bc
  4. 7c7e9d
  5. 64657f
  6. 4d4e62
  7. 373747
  8. 22222d
  9. 0f0f16
  10. 020203

Calmer: #caccfd with less saturation

  1. caccfd
  2. cbcdf9
  3. cbcdf4
  4. cccef0
  5. cdceec
  6. cdcfe7
  7. cecfe3
  8. cfd0de
  9. cfd0da
  10. d0d0d5

Questions about #caccfd

What color is #caccfd?

#caccfd is pastel very light indigo. The closest named color is Lavender Blue. In RGB it is rgb(202, 204, 253), in HSL hsl(237.65, 92.73%, 89.22%) and in OKLCH oklch(85.992% 0.06787 283.035).

What colors go well with #caccfd?

The complementary color of #caccfd is #d9d4a0. For a calmer combination use the analogous colors #b2d4fd and #e1c5f1. The triadic partners are #f8c3ae and #a9e0c4.

Is white or black text more readable on #caccfd?

Black text reads better on #caccfd: white gives a contrast ratio of 1.55:1 and black gives 13.57:1. WCAG AA asks for at least 4.5:1 for body text.

Is #caccfd a warm or cool color?

#caccfd is a cool color. In OKLCH its hue is 283 degrees, its lightness 86% and its chroma 0.068.