Skip to the color picker

#778ee2 color: Bright indigo

#778ee2 is rgb(119, 142, 226) in RGB and oklch(66.513% 0.12776 271.002) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

227°
100%

66.5%
0.128
271°
  • Indigo
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • indigo-400
  • Black 11%

Inside sRGB: displays the same on any screen.

White text
3.11:1Hard to read
Lc -63
Black text
6.75: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 #778ee2

#778ee2 is a bright indigo color. In OKLCH it has 66.5% lightness, 0.128 chroma and a hue of 271°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.11:1 contrast and black text 6.75:1, so black text reads better.

The closest named color is Guilliman Blue (#6495ed). In Tailwind CSS the closest color is indigo-400.

More medium indigo colors

Lighter: #778ee2 mixed with white

  1. 778ee2
  2. 8499e6
  3. 90a5e9
  4. 9eb0ed
  5. abbbf0
  6. b8c7f3
  7. c6d2f6
  8. d4ddf8
  9. e2e8fb
  10. f1f4fd

Darker: #778ee2 mixed with black

  1. 778ee2
  2. 677bc4
  3. 5768a8
  4. 47568c
  5. 384471
  6. 2a3457
  7. 1c243e
  8. 101527
  9. 050712
  10. 010103

Calmer: #778ee2 with less saturation

  1. 778ee2
  2. 7a8fda
  3. 7c90d3
  4. 7f91cb
  5. 8292c4
  6. 8592bc
  7. 8893b4
  8. 8b93ac
  9. 8e93a4
  10. 91939c

Questions about #778ee2

What color is #778ee2?

#778ee2 is bright indigo. The closest named color is Bright indigo. In RGB it is rgb(119, 142, 226), in HSL hsl(227.1, 64.85%, 67.65%) and in OKLCH oklch(66.513% 0.12776 271.002).

What colors go well with #778ee2?

The complementary color of #778ee2 is #b1901e. For a calmer combination use the analogous colors #3c9cda and #a180d5. The triadic partners are #d77362 and #50aa6a.

Is white or black text more readable on #778ee2?

Black text reads better on #778ee2: white gives a contrast ratio of 3.11:1 and black gives 6.75:1. WCAG AA asks for at least 4.5:1 for body text.

Is #778ee2 a warm or cool color?

#778ee2 is a cool color. In OKLCH its hue is 271 degrees, its lightness 66.5% and its chroma 0.128.