Skip to the color picker
PickShade

#556fa2 color: Splendour and Pride

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

Read as HEX

220°
100%

OKLCH

54.3%
0.086
263°
  • ≈ Steel blue
  • Blue
  • Medium
  • Muted
  • Cool
  • slate-500
  • Black 36%

Looks the same on every screen.

White text5.02:1 · AALc -80
Black text4.18:1 · Below AALc 29

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 #556fa2

#556fa2 is a muted blue color. In OKLCH it has 54.3% lightness, 0.086 chroma and a hue of 263°.

Looks the same on every screen.

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

The closest named color is Splendour and Pride (#5870a4). In Tailwind CSS the closest color is slate-500.

More medium blue colors

Lighter: #556fa2 mixed with white

  1. 556fa2
  2. 657dab
  3. 758bb5
  4. 8599be
  5. 96a7c8
  6. a7b5d1
  7. b8c4da
  8. c9d2e3
  9. dbe1ed
  10. edf0f6

Darker: #556fa2 mixed with black

  1. 556fa2
  2. 49608c
  3. 3d5177
  4. 314263
  5. 26344f
  6. 1c273c
  7. 111a2a
  8. 080e19
  9. 02040a
  10. 000101

Calmer: #556fa2 with less saturation

  1. 556fa2
  2. 586f9d
  3. 5b7098
  4. 5d7093
  5. 60708e
  6. 637089
  7. 657084
  8. 68707f
  9. 6a707a
  10. 6d7075