Skip to the color picker

#babafd color: Dried Lilac

#babafd is rgb(186, 186, 253) in RGB and oklch(81.282% 0.094 284.114) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

240°
100%

81.3%
0.094
284°
  • Indigo
  • Light
  • Vivid
  • Pastel
  • Cool
  • ≈ Periwinkle
  • violet-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.82:1Hard to read
Lc -38
Black text
11.53:1Readable · AA
Lc 70

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

#babafd is a pastel light indigo color. In OKLCH it has 81.3% lightness, 0.094 chroma and a hue of 284°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.82:1 contrast and black text 11.53:1, so black text reads better.

The closest named color is Dried Lilac (#bbbbff). In Tailwind CSS the closest color is violet-300.

More light indigo colors

Lighter: #babafd mixed with white

  1. babafd
  2. c1c1fe
  3. c7c8fe
  4. cecfff
  5. d5d6ff
  6. dcddff
  7. e3e4ff
  8. eaeaff
  9. f1f1ff
  10. f8f8ff

Darker: #babafd mixed with black

  1. babafd
  2. a1a1dc
  3. 8989bc
  4. 72729d
  5. 5c5c7f
  6. 464662
  7. 323247
  8. 1e1e2d
  9. 0d0d16
  10. 020203

Calmer: #babafd with less saturation

  1. babafd
  2. bbbbf7
  3. bbbcf1
  4. bcbdec
  5. bdbee6
  6. bdbee0
  7. bebfda
  8. bfc0d4
  9. c0c0ce
  10. c1c1c8

Questions about #babafd

What color is #babafd?

#babafd is pastel light indigo. The closest named color is Dried Lilac. In RGB it is rgb(186, 186, 253), in HSL hsl(240, 94.37%, 86.08%) and in OKLCH oklch(81.282% 0.094 284.114).

What colors go well with #babafd?

The complementary color of #babafd is #cbc57c. For a calmer combination use the analogous colors #98c5fe and #d8b0ed. The triadic partners are #f6af90 and #86d5b2.

Is white or black text more readable on #babafd?

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

Is #babafd a warm or cool color?

#babafd is a cool color. In OKLCH its hue is 284 degrees, its lightness 81.3% and its chroma 0.094.