Skip to the color picker

#677bca color: Indigo Light

#677bca is rgb(103, 123, 202) in RGB and oklch(60.254% 0.12259 271.567) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

228°
100%

60.3%
0.123
272°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 21%

Inside sRGB: displays the same on any screen.

White text
3.99:1Hard to read
Lc -73
Black text
5.26: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 #677bca

#677bca is a soft indigo color. In OKLCH it has 60.3% lightness, 0.123 chroma and a hue of 272°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.99:1 contrast and black text 5.26: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: #677bca mixed with white

  1. 677bca
  2. 7588d0
  3. 8395d6
  4. 92a2dc
  5. a0afe1
  6. b0bde7
  7. bfcaec
  8. cfd7f1
  9. dfe4f6
  10. eff2fa

Darker: #677bca mixed with black

  1. 677bca
  2. 596aaf
  3. 4b5a95
  4. 3d4a7c
  5. 303a64
  6. 232c4d
  7. 171e37
  8. 0c1022
  9. 04050f
  10. 000102

Calmer: #677bca with less saturation

  1. 677bca
  2. 697cc3
  3. 6c7dbc
  4. 6e7eb5
  5. 717fae
  6. 747fa6
  7. 76809f
  8. 798098
  9. 7b8090
  10. 7e8189

Questions about #677bca

What color is #677bca?

#677bca is soft indigo. The closest named color is Indigo Light. In RGB it is rgb(103, 123, 202), in HSL hsl(227.88, 48.29%, 59.8%) and in OKLCH oklch(60.254% 0.12259 271.567).

What colors go well with #677bca?

The complementary color of #677bca is #9c7d03. For a calmer combination use the analogous colors #2d89c3 and #8e6ebe. The triadic partners are #bf6251 and #3e955b.

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

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

Is #677bca a warm or cool color?

#677bca is a cool color. In OKLCH its hue is 272 degrees, its lightness 60.3% and its chroma 0.123.