Skip to the color picker

#abbafc color: Pastel Blue

#abbafc is rgb(171, 186, 252) in RGB and oklch(80.142% 0.09524 274.188) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

229°
100%

80.1%
0.095
274°
  • Indigo
  • Light
  • Vivid
  • Cool
  • ≈ Periwinkle
  • indigo-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.88:1Hard to read
Lc -40
Black text
11.16:1Readable · AA
Lc 68

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

#abbafc is a bright light indigo color. In OKLCH it has 80.1% lightness, 0.095 chroma and a hue of 274°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.88:1 contrast and black text 11.16: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: #abbafc mixed with white

  1. abbafc
  2. b3c1fd
  3. bbc8fd
  4. c3cffe
  5. ccd6fe
  6. d4ddff
  7. dde4ff
  8. e5eaff
  9. eef1ff
  10. f6f8ff

Darker: #abbafc mixed with black

  1. abbafc
  2. 94a1db
  3. 7e89bb
  4. 68729c
  5. 545c7e
  6. 404662
  7. 2d3247
  8. 1b1e2d
  9. 0b0d16
  10. 010203

Calmer: #abbafc with less saturation

  1. abbafc
  2. adbbf6
  3. afbbf0
  4. b1bcea
  5. b2bce4
  6. b4bdde
  7. b6bdd7
  8. b8bdd1
  9. babecb
  10. bcbec4

Questions about #abbafc

What color is #abbafc?

#abbafc is bright light indigo. The closest named color is Pastel Blue. In RGB it is rgb(171, 186, 252), in HSL hsl(228.89, 93.1%, 82.94%) and in OKLCH oklch(80.142% 0.09524 274.188).

What colors go well with #abbafc?

The complementary color of #abbafc is #d2be75. For a calmer combination use the analogous colors #88c5f7 and #cbaff0. The triadic partners are #f5a895 and #8cd1a2.

Is white or black text more readable on #abbafc?

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

Is #abbafc a warm or cool color?

#abbafc is a cool color. In OKLCH its hue is 274 degrees, its lightness 80.1% and its chroma 0.095.