Skip to the color picker

#7e87f6 color: Lavender Blue Shadow

#7e87f6 is rgb(126, 135, 246) in RGB and oklch(66.736% 0.16276 277.529) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

236°
100%

66.7%
0.163
278°
  • Indigo
  • Medium
  • Vivid
  • Cool
  • ≈ Amethyst
  • indigo-400
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
3.14:1Hard to read
Lc -64
Black text
6.68:1Readable · AA
Lc 46

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

#7e87f6 is a bright indigo color. In OKLCH it has 66.7% lightness, 0.163 chroma and a hue of 278°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.14:1 contrast and black text 6.68:1, so black text reads better.

The closest named color is Lavender Blue Shadow (#8b88f8). In Tailwind CSS the closest color is indigo-400.

More medium indigo colors

Lighter: #7e87f6 mixed with white

  1. 7e87f6
  2. 8994f8
  3. 95a0fa
  4. a2acfb
  5. aeb8fd
  6. bbc4fe
  7. c8d0ff
  8. d6dcff
  9. e3e8ff
  10. f1f3ff

Darker: #7e87f6 mixed with black

  1. 7e87f6
  2. 6d75d6
  3. 5c63b7
  4. 4c5198
  5. 3c417b
  6. 2d315f
  7. 1f2145
  8. 11132c
  9. 050615
  10. 010103

Calmer: #7e87f6 with less saturation

  1. 7e87f6
  2. 8089ed
  3. 828be3
  4. 848dda
  5. 868fd0
  6. 8890c6
  7. 8a91bd
  8. 8d92b3
  9. 8f93a9
  10. 92949f

Similar named colors

Colors that go with #7e87f6

Complementary
#7e87f6#af9300
Analogous
#7e87f6#279af2#b075e1
Triadic
#7e87f6#e66a44#00b16b
Split
#7e87f6#d47d00#78a61f

Questions about #7e87f6

What color is #7e87f6?

#7e87f6 is bright indigo. The closest named color is Lavender Blue Shadow. In RGB it is rgb(126, 135, 246), in HSL hsl(235.5, 86.96%, 72.94%) and in OKLCH oklch(66.736% 0.16276 277.529).

What colors go well with #7e87f6?

The complementary color of #7e87f6 is #af9300. For a calmer combination use the analogous colors #279af2 and #b075e1. The triadic partners are #e66a44 and #00b16b.

Is white or black text more readable on #7e87f6?

Black text reads better on #7e87f6: white gives a contrast ratio of 3.14:1 and black gives 6.68:1. WCAG AA asks for at least 4.5:1 for body text.

Is #7e87f6 a warm or cool color?

#7e87f6 is a cool color. In OKLCH its hue is 278 degrees, its lightness 66.7% and its chroma 0.163.