Skip to the color picker

#676ec0 color: Gladiola Blue

#676ec0 is rgb(103, 110, 192) in RGB and oklch(57.028% 0.12557 277.937) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

235°
100%

57%
0.126
278°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • slate-500
  • Black 25%

Inside sRGB: displays the same on any screen.

White text
4.60:1Readable · AA
Lc -77
Black text
4.57:1Readable · AA
Lc 32

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 #676ec0

#676ec0 is a soft indigo color. In OKLCH it has 57% lightness, 0.126 chroma and a hue of 278°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Gladiola Blue (#6370b6). In Tailwind CSS the closest color is slate-500.

More medium indigo colors

Lighter: #676ec0 mixed with white

  1. 676ec0
  2. 757cc7
  3. 838bce
  4. 9199d5
  5. a0a7db
  6. afb6e2
  7. bec4e8
  8. ced3ee
  9. dee1f4
  10. eef0f9

Darker: #676ec0 mixed with black

  1. 676ec0
  2. 595fa7
  3. 4b508e
  4. 3d4176
  5. 30335f
  6. 232649
  7. 171934
  8. 0c0e20
  9. 04040e
  10. 000102

Calmer: #676ec0 with less saturation

  1. 676ec0
  2. 6870b9
  3. 6a71b2
  4. 6b72ab
  5. 6d73a4
  6. 6e749d
  7. 707595
  8. 72768e
  9. 747687
  10. 75777f

Questions about #676ec0

What color is #676ec0?

#676ec0 is soft indigo. The closest named color is Gladiola Blue. In RGB it is rgb(103, 110, 192), in HSL hsl(235.28, 41.4%, 57.84%) and in OKLCH oklch(57.028% 0.12557 277.937).

What colors go well with #676ec0?

The complementary color of #676ec0 is #8c7700. For a calmer combination use the analogous colors #2f7cbd and #8c61b0. The triadic partners are #b4593d and #1a8d5a.

Is white or black text more readable on #676ec0?

White text reads better on #676ec0: white gives a contrast ratio of 4.6:1 and black gives 4.57:1. WCAG AA asks for at least 4.5:1 for body text.

Is #676ec0 a warm or cool color?

#676ec0 is a cool color. In OKLCH its hue is 278 degrees, its lightness 57% and its chroma 0.126.