Skip to the color picker

#676ab9 color: Bluish Purple Anemone

#676ab9 is rgb(103, 106, 185) in RGB and oklch(55.815% 0.12106 280.064) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

238°
100%

55.8%
0.121
280°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • slate-500
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
4.84:1Readable · AA
Lc -79
Black text
4.34:1Hard to read
Lc 31

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

#676ab9 is a soft indigo color. In OKLCH it has 55.8% lightness, 0.121 chroma and a hue of 280°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Bluish Purple Anemone (#6666bb). In Tailwind CSS the closest color is slate-500.

More medium indigo colors

Lighter: #676ab9 mixed with white

  1. 676ab9
  2. 7579c1
  3. 8387c8
  4. 9196d0
  5. a0a5d7
  6. afb3de
  7. bec2e5
  8. ced1ec
  9. dee0f2
  10. eef0f9

Darker: #676ab9 mixed with black

  1. 676ab9
  2. 595ba0
  3. 4b4d89
  4. 3d3f71
  5. 30315b
  6. 232446
  7. 171831
  8. 0c0d1e
  9. 04040d
  10. 000002

Calmer: #676ab9 with less saturation

  1. 676ab9
  2. 686cb2
  3. 696dac
  4. 6a6ea5
  5. 6b6f9e
  6. 6d7097
  7. 6e7190
  8. 6f7289
  9. 717382
  10. 72737b

Questions about #676ab9

What color is #676ab9?

#676ab9 is soft indigo. The closest named color is Bluish Purple Anemone. In RGB it is rgb(103, 106, 185), in HSL hsl(237.8, 36.94%, 56.47%) and in OKLCH oklch(55.815% 0.12106 280.064).

What colors go well with #676ab9?

The complementary color of #676ab9 is #857400. For a calmer combination use the analogous colors #3477b8 and #8a5ea8. The triadic partners are #ae5839 and #13895b.

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

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

Is #676ab9 a warm or cool color?

#676ab9 is a cool color. In OKLCH its hue is 280 degrees, its lightness 55.8% and its chroma 0.121.