Skip to the color picker

#bac3fe color: Light Periwinkle

#bac3fe is rgb(186, 195, 254) in RGB and oklch(83.079% 0.08341 277.68) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

232°
100%

83.1%
0.083
278°
  • Indigo
  • Light
  • Soft
  • Pastel
  • Cool
  • ≈ Periwinkle
  • violet-300
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.70:1Hard to read
Lc -34
Black text
12.33:1Readable · AA
Lc 73

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

#bac3fe is a pastel light indigo color. In OKLCH it has 83.1% lightness, 0.083 chroma and a hue of 278°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.7:1 contrast and black text 12.33:1, so black text reads better.

The closest named color is Light Periwinkle (#c1c6fc). In Tailwind CSS the closest color is violet-300.

More light indigo colors

Lighter: #bac3fe mixed with white

  1. bac3fe
  2. c1c9fe
  3. c7cfff
  4. ced5ff
  5. d5dbff
  6. dce1ff
  7. e3e7ff
  8. eaedff
  9. f1f3ff
  10. f8f9ff

Darker: #bac3fe mixed with black

  1. bac3fe
  2. a1a9dd
  3. 8990bd
  4. 72789e
  5. 5c6080
  6. 464a63
  7. 323447
  8. 1e202d
  9. 0d0e16
  10. 020203

Calmer: #bac3fe with less saturation

  1. bac3fe
  2. bbc4f9
  3. bdc4f3
  4. bec5ee
  5. bfc5e9
  6. c0c6e3
  7. c2c6de
  8. c3c6d8
  9. c5c7d3
  10. c6c7cd

Questions about #bac3fe

What color is #bac3fe?

#bac3fe is pastel light indigo. The closest named color is Light Periwinkle. In RGB it is rgb(186, 195, 254), in HSL hsl(232.06, 97.14%, 86.27%) and in OKLCH oklch(83.079% 0.08341 277.68).

What colors go well with #bac3fe?

The complementary color of #bac3fe is #d6c989. For a calmer combination use the analogous colors #9ccdfc and #d6baf2. The triadic partners are #f8b5a1 and #99d9b3.

Is white or black text more readable on #bac3fe?

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

Is #bac3fe a warm or cool color?

#bac3fe is a cool color. In OKLCH its hue is 278 degrees, its lightness 83.1% and its chroma 0.083.