Skip to the color picker

#afa5ea color: Bright light violet

#afa5ea is rgb(175, 165, 234) in RGB and oklch(75.564% 0.09842 290.482) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

249°
100%

75.6%
0.098
290°
  • Violet
  • Light
  • Vivid
  • Cool
  • ≈ Lilac
  • indigo-300
  • Black 8%

Inside sRGB: displays the same on any screen.

White text
2.24:1Hard to read
Lc -49
Black text
9.39:1Readable · AA
Lc 60

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

#afa5ea is a bright light violet color. In OKLCH it has 75.6% lightness, 0.098 chroma and a hue of 290°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.24:1 contrast and black text 9.39: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 violet colors

Lighter: #afa5ea mixed with white

  1. afa5ea
  2. b7aeed
  3. beb7ef
  4. c6c0f1
  5. cec9f4
  6. d6d2f6
  7. dedbf8
  8. e6e4fa
  9. eeedfc
  10. f7f6fd

Darker: #afa5ea mixed with black

  1. afa5ea
  2. 988fcb
  3. 8179ae
  4. 6b6591
  5. 565175
  6. 413d5a
  7. 2e2b41
  8. 1c1a29
  9. 0b0a13
  10. 010103

Calmer: #afa5ea with less saturation

  1. afa5ea
  2. afa6e4
  3. afa8df
  4. afa9d9
  5. afaad3
  6. afabcd
  7. afacc8
  8. afadc2
  9. afaebc
  10. afafb6

Questions about #afa5ea

What color is #afa5ea?

#afa5ea is bright light violet. The closest named color is Bright light violet. In RGB it is rgb(175, 165, 234), in HSL hsl(248.7, 62.16%, 78.24%) and in OKLCH oklch(75.564% 0.09842 290.482).

What colors go well with #afa5ea?

The complementary color of #afa5ea is #b3b66a. For a calmer combination use the analogous colors #8cb1ee and #cc9bd6. The triadic partners are #e29d76 and #69c4a7.

Is white or black text more readable on #afa5ea?

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

Is #afa5ea a warm or cool color?

#afa5ea is a cool color. In OKLCH its hue is 290 degrees, its lightness 75.6% and its chroma 0.098.