Skip to the color picker

#677bcd color: Indigo Light

#677bcd is rgb(103, 123, 205) in RGB and oklch(60.424% 0.12687 271.79) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

228°
100%

60.4%
0.127
272°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
3.97:1Hard to read
Lc -72
Black text
5.29:1Readable · AA
Lc 37

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 #677bcd

#677bcd is a soft indigo color. In OKLCH it has 60.4% lightness, 0.127 chroma and a hue of 272°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.97:1 contrast and black text 5.29:1, so white text reads better.

The closest named color is Indigo Light (#5d76cb). In Tailwind CSS the closest color is sky-600.

More medium indigo colors

Lighter: #677bcd mixed with white

  1. 677bcd
  2. 7588d3
  3. 8395d8
  4. 92a2de
  5. a0b0e3
  6. b0bde8
  7. bfcaed
  8. cfd7f2
  9. dfe4f6
  10. eff2fb

Darker: #677bcd mixed with black

  1. 677bcd
  2. 596ab2
  3. 4b5a98
  4. 3d4a7e
  5. 303a66
  6. 232c4e
  7. 171e38
  8. 0c1023
  9. 04050f
  10. 000102

Calmer: #677bcd with less saturation

  1. 677bcd
  2. 697cc6
  3. 6c7dbe
  4. 6f7eb7
  5. 717fb0
  6. 7480a8
  7. 7680a1
  8. 798199
  9. 7c8191
  10. 7f8189

Questions about #677bcd

What color is #677bcd?

#677bcd is soft indigo. The closest named color is Indigo Light. In RGB it is rgb(103, 123, 205), in HSL hsl(228.24, 50.5%, 60.39%) and in OKLCH oklch(60.424% 0.12687 271.79).

What colors go well with #677bcd?

The complementary color of #677bcd is #9d7e00. For a calmer combination use the analogous colors #2889c6 and #906dc0. The triadic partners are #c16150 and #3b975a.

Is white or black text more readable on #677bcd?

White text reads better on #677bcd: white gives a contrast ratio of 3.97:1 and black gives 5.29:1. WCAG AA asks for at least 4.5:1 for body text.

Is #677bcd a warm or cool color?

#677bcd is a cool color. In OKLCH its hue is 272 degrees, its lightness 60.4% and its chroma 0.127.