Skip to the color picker

#556ca1 color: Chesty Bond

#556ca1 is rgb(85, 108, 161) in RGB and oklch(53.612% 0.08807 265.647) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

222°
100%

53.6%
0.088
266°
  • Blue
  • Medium
  • Muted
  • Cool
  • ≈ Steel blue
  • slate-500
  • Black 37%

Inside sRGB: displays the same on any screen.

White text
5.19:1Readable · AA
Lc -81
Black text
4.05:1Hard to read
Lc 28

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

#556ca1 is a muted blue color. In OKLCH it has 53.6% lightness, 0.088 chroma and a hue of 266°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Chesty Bond (#516fa0). In Tailwind CSS the closest color is slate-500.

More medium blue colors

Lighter: #556ca1 mixed with white

  1. 556ca1
  2. 657aab
  3. 7488b4
  4. 8597be
  5. 95a5c7
  6. a6b4d1
  7. b7c2da
  8. c9d1e3
  9. dbe0ed
  10. edf0f6

Darker: #556ca1 mixed with black

  1. 556ca1
  2. 495d8b
  3. 3d4e76
  4. 314062
  5. 26324e
  6. 1c253c
  7. 11192a
  8. 080d19
  9. 020409
  10. 000001

Calmer: #556ca1 with less saturation

  1. 556ca1
  2. 576c9c
  3. 5a6d97
  4. 5c6d92
  5. 5f6d8d
  6. 616d88
  7. 646e83
  8. 666e7d
  9. 696e78
  10. 6b6e73

Questions about #556ca1

What color is #556ca1?

#556ca1 is muted blue. The closest named color is Chesty Bond. In RGB it is rgb(85, 108, 161), in HSL hsl(221.84, 30.89%, 48.24%) and in OKLCH oklch(53.612% 0.08807 265.647).

What colors go well with #556ca1?

The complementary color of #556ca1 is #85692a. For a calmer combination use the analogous colors #32759a and #72639b. The triadic partners are #9a5853 and #4a7b4e.

Is white or black text more readable on #556ca1?

White text reads better on #556ca1: white gives a contrast ratio of 5.19:1 and black gives 4.05:1. WCAG AA asks for at least 4.5:1 for body text.

Is #556ca1 a warm or cool color?

#556ca1 is a cool color. In OKLCH its hue is 266 degrees, its lightness 53.6% and its chroma 0.088.