Skip to the color picker

#a3abec color: Maximum Blue Purple

#a3abec is rgb(163, 171, 236) in RGB and oklch(75.895% 0.09372 278.494) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

233°
100%

75.9%
0.094
278°
  • Indigo
  • Light
  • Vivid
  • Cool
  • ≈ Lilac
  • indigo-300
  • Black 7%

Inside sRGB: displays the same on any screen.

White text
2.19:1Hard to read
Lc -48
Black text
9.59:1Readable · AA
Lc 61

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

#a3abec is a bright light indigo color. In OKLCH it has 75.9% lightness, 0.094 chroma and a hue of 278°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.19:1 contrast and black text 9.59:1, so black text reads better.

The closest named color is Maximum Blue Purple (#acace6). In Tailwind CSS the closest color is indigo-300.

More light indigo colors

Lighter: #a3abec mixed with white

  1. a3abec
  2. acb3ee
  3. b5bcf1
  4. bdc4f3
  5. c7cdf5
  6. d0d5f7
  7. d9ddf9
  8. e2e6fa
  9. eceefc
  10. f5f7fe

Darker: #a3abec mixed with black

  1. a3abec
  2. 8d94cd
  3. 787eaf
  4. 636892
  5. 4f5476
  6. 3c405b
  7. 2a2d42
  8. 191b29
  9. 0a0b13
  10. 010103

Calmer: #a3abec with less saturation

  1. a3abec
  2. a4ace6
  3. a6ade0
  4. a7addb
  5. a8aed5
  6. a9aecf
  7. abafc9
  8. acafc3
  9. aeb0bd
  10. afb0b7

Questions about #a3abec

What color is #a3abec?

#a3abec is bright light indigo. The closest named color is Maximum Blue Purple. In RGB it is rgb(163, 171, 236), in HSL hsl(233.42, 65.77%, 78.24%) and in OKLCH oklch(75.895% 0.09372 278.494).

What colors go well with #a3abec?

The complementary color of #a3abec is #c0b26a. For a calmer combination use the analogous colors #81b6ea and #c2a1df. The triadic partners are #e59c85 and #7bc39b.

Is white or black text more readable on #a3abec?

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

Is #a3abec a warm or cool color?

#a3abec is a cool color. In OKLCH its hue is 278 degrees, its lightness 75.9% and its chroma 0.094.