Skip to the color picker

#aabbfe color: Pastel Blue

#aabbfe is rgb(170, 187, 254) in RGB and oklch(80.357% 0.09705 273.073) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

228°
100%

80.4%
0.097
273°
  • Indigo
  • Light
  • Vivid
  • Cool
  • ≈ Periwinkle
  • indigo-300
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.87:1Hard to read
Lc -39
Black text
11.25: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 #aabbfe

#aabbfe is a bright light indigo color. In OKLCH it has 80.4% lightness, 0.097 chroma and a hue of 273°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.87:1 contrast and black text 11.25: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: #aabbfe mixed with white

  1. aabbfe
  2. b2c2ff
  3. bac9ff
  4. c3d0ff
  5. cbd6ff
  6. d4ddff
  7. dce4ff
  8. e5ebff
  9. edf2ff
  10. f6f8ff

Darker: #aabbfe mixed with black

  1. aabbfe
  2. 93a2dd
  3. 7d8abd
  4. 68739e
  5. 535c80
  6. 3f4663
  7. 2d3247
  8. 1b1f2d
  9. 0b0d16
  10. 010203

Calmer: #aabbfe with less saturation

  1. aabbfe
  2. acbcf8
  3. aebcf2
  4. b0bdec
  5. b2bde5
  6. b4bddf
  7. b6bed9
  8. b8bed2
  9. babecc
  10. bdbfc5

Questions about #aabbfe

What color is #aabbfe?

#aabbfe is bright light indigo. The closest named color is Pastel Blue. In RGB it is rgb(170, 187, 254), in HSL hsl(227.86, 97.67%, 83.14%) and in OKLCH oklch(80.357% 0.09705 273.073).

What colors go well with #aabbfe?

The complementary color of #aabbfe is #d4be74. For a calmer combination use the analogous colors #86c6f9 and #cbb0f3. The triadic partners are #f7a896 and #8dd1a1.

Is white or black text more readable on #aabbfe?

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

Is #aabbfe a warm or cool color?

#aabbfe is a cool color. In OKLCH its hue is 273 degrees, its lightness 80.4% and its chroma 0.097.