Skip to the color picker
PickShade

#558da8 color: Cosmopolitan

Every format, shade and contrast value for #558da8. Drag the picker to explore nearby colors.

Read as HEX

200°
100%

OKLCH

61.5%
0.072
230°
  • ≈ Steel blue
  • Sky blue
  • Medium
  • Soft
  • Dusty
  • Cool
  • cyan-600
  • Black 34%

Looks the same on every screen.

White text3.64:1 · Below AALc -69
Black text5.76:1 · AALc 40

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

#558da8 is a dusty sky blue color. In OKLCH it has 61.5% lightness, 0.072 chroma and a hue of 230°.

Looks the same on every screen.

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

The closest named color is Cosmopolitan (#528bab). In Tailwind CSS the closest color is cyan-600.

More medium sky blue colors

Lighter: #558da8 mixed with white

  1. 558da8
  2. 6698b1
  3. 77a3b9
  4. 88aec2
  5. 99bacb
  6. aac5d3
  7. bad0dc
  8. cbdce5
  9. dce8ed
  10. eef3f6

Darker: #558da8 mixed with black

  1. 558da8
  2. 497a92
  3. 3d677c
  4. 315567
  5. 264452
  6. 1c333f
  7. 11232c
  8. 08141a
  9. 02070a
  10. 000101

Calmer: #558da8 with less saturation

  1. 558da8
  2. 5b8ca5
  3. 608ca1
  4. 668b9e
  5. 6b8a9a
  6. 6f8997
  7. 748893
  8. 78878f
  9. 7c878c
  10. 818688