Skip to the color picker

#558bc4 color: Danube

#558bc4 is rgb(85, 139, 196) in RGB and oklch(62.367% 0.10417 251.017) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

211°
100%

62.4%
0.104
251°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • cyan-600
  • Black 23%

Inside sRGB: displays the same on any screen.

White text
3.57:1Hard to read
Lc -69
Black text
5.88:1Readable · AA
Lc 41

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 #558bc4

#558bc4 is a soft blue color. In OKLCH it has 62.4% lightness, 0.104 chroma and a hue of 251°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Danube (#5b89c0). In Tailwind CSS the closest color is cyan-600.

More medium blue colors

Lighter: #558bc4 mixed with white

  1. 558bc4
  2. 6696ca
  3. 77a2d1
  4. 88add7
  5. 98b9dd
  6. a9c5e3
  7. bad0e9
  8. cbdcee
  9. dce7f4
  10. eef3fa

Darker: #558bc4 mixed with black

  1. 558bc4
  2. 4978aa
  3. 3d6691
  4. 315478
  5. 264361
  6. 1c324a
  7. 112335
  8. 081421
  9. 02070e
  10. 000102

Calmer: #558bc4 with less saturation

  1. 558bc4
  2. 5b8bbe
  3. 618bb8
  4. 668bb2
  5. 6b8aac
  6. 708aa6
  7. 758aa0
  8. 7a899a
  9. 7e8894
  10. 83888d

Questions about #558bc4

What color is #558bc4?

#558bc4 is soft blue. The closest named color is Danube. In RGB it is rgb(85, 139, 196), in HSL hsl(210.81, 48.47%, 55.1%) and in OKLCH oklch(62.367% 0.10417 251.017).

What colors go well with #558bc4?

The complementary color of #558bc4 is #af7c39. For a calmer combination use the analogous colors #2795b3 and #7c7fc5. The triadic partners are #bd6b78 and #71944f.

Is white or black text more readable on #558bc4?

White text reads better on #558bc4: white gives a contrast ratio of 3.57:1 and black gives 5.88:1. WCAG AA asks for at least 4.5:1 for body text.

Is #558bc4 a warm or cool color?

#558bc4 is a cool color. In OKLCH its hue is 251 degrees, its lightness 62.4% and its chroma 0.104.