Skip to the color picker

#676bc2 color: Bluish Purple Anemone

#676bc2 is rgb(103, 107, 194) in RGB and oklch(56.55% 0.13263 279.269) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

237°
100%

56.6%
0.133
279°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Royal blue
  • slate-500
  • Black 24%

Inside sRGB: displays the same on any screen.

White text
4.71:1Readable · AA
Lc -78
Black text
4.46:1Hard to read
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 #676bc2

#676bc2 is a soft indigo color. In OKLCH it has 56.6% lightness, 0.133 chroma and a hue of 279°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.71:1 contrast and black text 4.46: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: #676bc2 mixed with white

  1. 676bc2
  2. 747ac9
  3. 8288d0
  4. 9197d6
  5. a0a6dd
  6. afb4e3
  7. bec3e9
  8. ced2ef
  9. dee1f4
  10. eef0fa

Darker: #676bc2 mixed with black

  1. 676bc2
  2. 595ca8
  3. 4b4e8f
  4. 3d3f77
  5. 303260
  6. 232549
  7. 171834
  8. 0c0d20
  9. 04040e
  10. 000002

Calmer: #676bc2 with less saturation

  1. 676bc2
  2. 686dbb
  3. 696eb3
  4. 6b70ac
  5. 6c71a4
  6. 6e729d
  7. 6f7395
  8. 71748e
  9. 727586
  10. 74757e

Questions about #676bc2

What color is #676bc2?

#676bc2 is soft indigo. The closest named color is Bluish Purple Anemone. In RGB it is rgb(103, 107, 194), in HSL hsl(237.36, 42.72%, 58.24%) and in OKLCH oklch(56.55% 0.13263 279.269).

What colors go well with #676bc2?

The complementary color of #676bc2 is #8a7600. For a calmer combination use the analogous colors #2a7ac0 and #8d5db0. The triadic partners are #b55635 and #008d59.

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

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

Is #676bc2 a warm or cool color?

#676bc2 is a cool color. In OKLCH its hue is 279 degrees, its lightness 56.6% and its chroma 0.133.