Skip to the color picker

#558cc4 color: Danube

#558cc4 is rgb(85, 140, 196) in RGB and oklch(62.592% 0.10331 250.189) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

210°
100%

62.6%
0.103
250°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • cyan-600
  • Black 23%

Inside sRGB: displays the same on any screen.

White text
3.54:1Hard to read
Lc -68
Black text
5.93: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 #558cc4

#558cc4 is a soft blue color. In OKLCH it has 62.6% lightness, 0.103 chroma and a hue of 250°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.54:1 contrast and black text 5.93: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: #558cc4 mixed with white

  1. 558cc4
  2. 6697ca
  3. 77a3d1
  4. 88aed7
  5. 99badd
  6. a9c5e3
  7. bad1e9
  8. cbdcee
  9. dce8f4
  10. eef3fa

Darker: #558cc4 mixed with black

  1. 558cc4
  2. 4979aa
  3. 3d6791
  4. 315578
  5. 264361
  6. 1c334a
  7. 112335
  8. 081421
  9. 02070e
  10. 000102

Calmer: #558cc4 with less saturation

  1. 558cc4
  2. 5b8cbe
  3. 618cb8
  4. 668bb2
  5. 6c8bac
  6. 718ba7
  7. 768aa1
  8. 7a8a9a
  9. 7f8994
  10. 83888e

Questions about #558cc4

What color is #558cc4?

#558cc4 is soft blue. The closest named color is Danube. In RGB it is rgb(85, 140, 196), in HSL hsl(210.27, 48.47%, 55.1%) and in OKLCH oklch(62.592% 0.10331 250.189).

What colors go well with #558cc4?

The complementary color of #558cc4 is #af7c3b. For a calmer combination use the analogous colors #2896b3 and #7c80c5. The triadic partners are #bd6c79 and #73944f.

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

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

Is #558cc4 a warm or cool color?

#558cc4 is a cool color. In OKLCH its hue is 250 degrees, its lightness 62.6% and its chroma 0.103.