Skip to the color picker
PickShade

#676da2 color: Dusted Peri

Every format, shade and contrast value for #676da2. Drag the picker to explore nearby colors.

Read as HEX

234°
100%

OKLCH

55.2%
0.083
278°
  • ≈ Steel blue
  • Indigo
  • Medium
  • Muted
  • Cool
  • slate-500
  • Black 36%

Looks the same on every screen.

White text4.90:1 · AALc -79
Black text4.29:1 · Below AALc 30

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

#676da2 is a muted indigo color. In OKLCH it has 55.2% lightness, 0.083 chroma and a hue of 278°.

Looks the same on every screen.

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

The closest named color is Dusted Peri (#696ba0). In Tailwind CSS the closest color is slate-500.

More medium indigo colors

Lighter: #676da2 mixed with white

  1. 676da2
  2. 757bab
  3. 8389b5
  4. 9297be
  5. a0a6c8
  6. b0b4d1
  7. bfc3da
  8. cfd2e3
  9. dfe1ed
  10. eff0f6

Darker: #676da2 mixed with black

  1. 676da2
  2. 595e8c
  3. 4b4f77
  4. 3d4163
  5. 30334f
  6. 23263c
  7. 17192a
  8. 0c0d19
  9. 04040a
  10. 000101

Calmer: #676da2 with less saturation

  1. 676da2
  2. 686e9d
  3. 696e99
  4. 6a6f94
  5. 6b708f
  6. 6c708b
  7. 6d7186
  8. 6e7181
  9. 70717c
  10. 717277