Skip to the color picker

#abaffa color: Winterspring Lilac

#abaffa is rgb(171, 175, 250) in RGB and oklch(77.891% 0.10668 281.259) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

237°
100%

77.9%
0.107
281°
  • Indigo
  • Light
  • Vivid
  • Cool
  • ≈ Mauve
  • indigo-300
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
2.05:1Hard to read
Lc -44
Black text
10.24:1Readable · AA
Lc 64

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

#abaffa is a bright light indigo color. In OKLCH it has 77.9% lightness, 0.107 chroma and a hue of 281°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.05:1 contrast and black text 10.24:1, so black text reads better.

The closest named color is Winterspring Lilac (#b5afff). In Tailwind CSS the closest color is indigo-300.

More light indigo colors

Lighter: #abaffa mixed with white

  1. abaffa
  2. b3b7fb
  3. bbbffc
  4. c3c7fd
  5. cbcffd
  6. d4d7fe
  7. dcdffe
  8. e5e7ff
  9. edefff
  10. f6f7ff

Darker: #abaffa mixed with black

  1. abaffa
  2. 9498d9
  3. 7e81ba
  4. 686b9b
  5. 54567d
  6. 404161
  7. 2d2e46
  8. 1b1c2d
  9. 0b0b15
  10. 010103

Calmer: #abaffa with less saturation

  1. abaffa
  2. acb0f4
  3. adb1ed
  4. aeb2e6
  5. afb3e0
  6. b0b4d9
  7. b2b4d2
  8. b3b5cc
  9. b4b6c5
  10. b6b6be

Questions about #abaffa

What color is #abaffa?

#abaffa is bright light indigo. The closest named color is Winterspring Lilac. In RGB it is rgb(171, 175, 250), in HSL hsl(236.96, 88.76%, 82.55%) and in OKLCH oklch(77.891% 0.10668 281.259).

What colors go well with #abaffa?

The complementary color of #abaffa is #c5b965. For a calmer combination use the analogous colors #83bcf9 and #cda3e9. The triadic partners are #f1a081 and #74cca1.

Is white or black text more readable on #abaffa?

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

Is #abaffa a warm or cool color?

#abaffa is a cool color. In OKLCH its hue is 281 degrees, its lightness 77.9% and its chroma 0.107.