Skip to the color picker

#676fbd color: Gladiola Blue

#676fbd is rgb(103, 111, 189) in RGB and oklch(57.055% 0.11984 277.454) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

234°
100%

57.1%
0.120
277°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • slate-500
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
4.58:1Readable · AA
Lc -77
Black text
4.59: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 #676fbd

#676fbd is a soft indigo color. In OKLCH it has 57.1% lightness, 0.12 chroma and a hue of 277°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.58:1 contrast and black text 4.59: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: #676fbd mixed with white

  1. 676fbd
  2. 757dc4
  3. 838bcb
  4. 919ad2
  5. a0a8d9
  6. afb6e0
  7. bfc4e6
  8. ced3ed
  9. dee2f3
  10. eff0f9

Darker: #676fbd mixed with black

  1. 676fbd
  2. 5960a4
  3. 4b518c
  4. 3d4274
  5. 30345d
  6. 232747
  7. 171a33
  8. 0c0e1f
  9. 04040d
  10. 000102

Calmer: #676fbd with less saturation

  1. 676fbd
  2. 6870b6
  3. 6a72b0
  4. 6b73a9
  5. 6d74a2
  6. 6f759b
  7. 707594
  8. 72768d
  9. 747786
  10. 76777f

Questions about #676fbd

What color is #676fbd?

#676fbd is soft indigo. The closest named color is Gladiola Blue. In RGB it is rgb(103, 111, 189), in HSL hsl(234.42, 39.45%, 57.25%) and in OKLCH oklch(57.055% 0.11984 277.454).

What colors go well with #676fbd?

The complementary color of #676fbd is #8b7700. For a calmer combination use the analogous colors #337cba and #8b63ae. The triadic partners are #b25b41 and #268c5b.

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

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

Is #676fbd a warm or cool color?

#676fbd is a cool color. In OKLCH its hue is 277 degrees, its lightness 57.1% and its chroma 0.12.