Skip to the color picker

#a7bbfd color: Pastel Blue

#a7bbfd is rgb(167, 187, 253) in RGB and oklch(80.107% 0.09654 271.107) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

226°
100%

80.1%
0.097
271°
  • Indigo
  • Light
  • Vivid
  • Cool
  • ≈ Baby blue
  • indigo-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.88:1Hard to read
Lc -40
Black text
11.17: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 #a7bbfd

#a7bbfd is a bright light indigo color. In OKLCH it has 80.1% lightness, 0.097 chroma and a hue of 271°.

Inside sRGB: displays the same on any screen.

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

  1. a7bbfd
  2. afc2fe
  3. b8c9fe
  4. c1d0ff
  5. c9d6ff
  6. d2ddff
  7. dbe4ff
  8. e4ebff
  9. edf2ff
  10. f6f8ff

Darker: #a7bbfd mixed with black

  1. a7bbfd
  2. 91a2dc
  3. 7b8abc
  4. 66739d
  5. 525c7f
  6. 3e4662
  7. 2c3247
  8. 1a1f2d
  9. 0a0d16
  10. 010203

Calmer: #a7bbfd with less saturation

  1. a7bbfd
  2. a9bcf7
  3. abbcf1
  4. aebceb
  5. b0bde4
  6. b2bdde
  7. b5bdd8
  8. b7bed1
  9. b9becb
  10. bcbec4

Questions about #a7bbfd

What color is #a7bbfd?

#a7bbfd is bright light indigo. The closest named color is Pastel Blue. In RGB it is rgb(167, 187, 253), in HSL hsl(226.05, 95.56%, 82.35%) and in OKLCH oklch(80.107% 0.09654 271.107).

What colors go well with #a7bbfd?

The complementary color of #a7bbfd is #d5bc73. For a calmer combination use the analogous colors #84c6f7 and #c8b0f3. The triadic partners are #f6a798 and #8fd09e.

Is white or black text more readable on #a7bbfd?

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

Is #a7bbfd a warm or cool color?

#a7bbfd is a cool color. In OKLCH its hue is 271 degrees, its lightness 80.1% and its chroma 0.097.