Skip to the color picker

#558cc3 color: Danube

#558cc3 is rgb(85, 140, 195) in RGB and oklch(62.543% 0.10207 249.755) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

210°
100%

62.5%
0.102
250°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • cyan-600
  • Black 24%

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

#558cc3 is a soft blue color. In OKLCH it has 62.5% lightness, 0.102 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: #558cc3 mixed with white

  1. 558cc3
  2. 6697c9
  3. 77a3d0
  4. 88aed6
  5. 99badc
  6. a9c5e2
  7. bad1e8
  8. cbdcee
  9. dce8f4
  10. eef3f9

Darker: #558cc3 mixed with black

  1. 558cc3
  2. 4979a9
  3. 3d6790
  4. 315578
  5. 264360
  6. 1c334a
  7. 112334
  8. 081420
  9. 02070e
  10. 000102

Calmer: #558cc3 with less saturation

  1. 558cc3
  2. 5b8cbd
  3. 618cb7
  4. 668bb2
  5. 6c8bac
  6. 718ba6
  7. 758aa0
  8. 7a8a9a
  9. 7f8994
  10. 83888e

Questions about #558cc3

What color is #558cc3?

#558cc3 is soft blue. The closest named color is Danube. In RGB it is rgb(85, 140, 195), in HSL hsl(210, 47.83%, 54.9%) and in OKLCH oklch(62.543% 0.10207 249.755).

What colors go well with #558cc3?

The complementary color of #558cc3 is #af7c3d. For a calmer combination use the analogous colors #2a96b2 and #7b81c4. The triadic partners are #bc6d7a and #749450.

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

White text reads better on #558cc3: 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 #558cc3 a warm or cool color?

#558cc3 is a cool color. In OKLCH its hue is 250 degrees, its lightness 62.5% and its chroma 0.102.