Skip to the color picker

#abbdfd color: Pastel Blue

#abbdfd is rgb(171, 189, 253) in RGB and oklch(80.783% 0.09302 272.059) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

227°
100%

80.8%
0.093
272°
  • Indigo
  • Light
  • Vivid
  • Cool
  • ≈ Periwinkle
  • indigo-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.84:1Hard to read
Lc -39
Black text
11.43:1Readable · AA
Lc 69

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

#abbdfd is a bright light indigo color. In OKLCH it has 80.8% lightness, 0.093 chroma and a hue of 272°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.84:1 contrast and black text 11.43:1, so black text reads better.

The closest named color is Pastel Blue (#a2bffe). In Tailwind CSS the closest color is indigo-300.

More light indigo colors

Lighter: #abbdfd mixed with white

  1. abbdfd
  2. b3c4fe
  3. bbcafe
  4. c3d1ff
  5. ccd8ff
  6. d4deff
  7. dde5ff
  8. e5ebff
  9. eef2ff
  10. f6f8ff

Darker: #abbdfd mixed with black

  1. abbdfd
  2. 94a4dc
  3. 7e8cbc
  4. 68749d
  5. 545d7f
  6. 404762
  7. 2d3347
  8. 1b1f2d
  9. 0b0d16
  10. 010203

Calmer: #abbdfd with less saturation

  1. abbdfd
  2. adbef7
  3. afbef1
  4. b1beeb
  5. b3bfe5
  6. b5bfdf
  7. b7bfd9
  8. bac0d3
  9. bcc0cd
  10. bec0c6

Questions about #abbdfd

What color is #abbdfd?

#abbdfd is bright light indigo. The closest named color is Pastel Blue. In RGB it is rgb(171, 189, 253), in HSL hsl(226.83, 95.35%, 83.14%) and in OKLCH oklch(80.783% 0.09302 272.059).

What colors go well with #abbdfd?

The complementary color of #abbdfd is #d6bf79. For a calmer combination use the analogous colors #89c8f7 and #cbb2f3. The triadic partners are #f6aa9b and #92d2a3.

Is white or black text more readable on #abbdfd?

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

Is #abbdfd a warm or cool color?

#abbdfd is a cool color. In OKLCH its hue is 272 degrees, its lightness 80.8% and its chroma 0.093.