Skip to the color picker

#556dae color: Amparo Blue

#556dae is rgb(85, 109, 174) in RGB and oklch(54.543% 0.10583 267.501) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

224°
100%

54.5%
0.106
268°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • slate-500
  • Black 32%

Inside sRGB: displays the same on any screen.

White text
5.02:1Readable · AA
Lc -80
Black text
4.18:1Hard to read
Lc 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 #556dae

#556dae is a soft blue color. In OKLCH it has 54.5% lightness, 0.106 chroma and a hue of 268°.

Inside sRGB: displays the same on any 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 Amparo Blue (#556cb5). In Tailwind CSS the closest color is slate-500.

More medium blue colors

Lighter: #556dae mixed with white

  1. 556dae
  2. 647bb7
  3. 7489bf
  4. 8598c7
  5. 95a6d0
  6. a6b5d8
  7. b7c3e0
  8. c9d2e8
  9. dbe1f0
  10. edf0f7

Darker: #556dae mixed with black

  1. 556dae
  2. 495e97
  3. 3d4f80
  4. 31416a
  5. 263355
  6. 1c2641
  7. 11192e
  8. 080d1c
  9. 02040b
  10. 000101

Calmer: #556dae with less saturation

  1. 556dae
  2. 586ea8
  3. 5a6ea2
  4. 5d6f9c
  5. 606f96
  6. 637090
  7. 65708a
  8. 687083
  9. 6b707d
  10. 6d7077

Questions about #556dae

What color is #556dae?

#556dae is soft blue. The closest named color is Amparo Blue. In RGB it is rgb(85, 109, 174), in HSL hsl(223.82, 35.46%, 50.78%) and in OKLCH oklch(54.543% 0.10583 267.501).

What colors go well with #556dae?

The complementary color of #556dae is #8a6c12. For a calmer combination use the analogous colors #2378a6 and #7862a6. The triadic partners are #a5564d and #41814b.

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

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

Is #556dae a warm or cool color?

#556dae is a cool color. In OKLCH its hue is 268 degrees, its lightness 54.5% and its chroma 0.106.