Skip to the color picker
PickShade

#559bc7 color: Canadian Tuxedo

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

Read as HEX

203°
100%

OKLCH

66.2%
0.097
238°
  • ≈ Steel blue
  • Sky blue
  • Medium
  • Soft
  • Cool
  • cyan-600
  • Black 22%

Looks the same on every screen.

White text3.04:1 · Below AALc -62
Black text6.90:1 · AALc 47

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 #559bc7

#559bc7 is a soft sky blue color. In OKLCH it has 66.2% lightness, 0.097 chroma and a hue of 238°.

Looks the same on every screen.

White text on it reaches 3.04:1 contrast and black text 6.9:1, so black text reads better.

The closest named color is Canadian Tuxedo (#579aca). In Tailwind CSS the closest color is cyan-600.

More medium sky blue colors

Lighter: #559bc7 mixed with white

  1. 559bc7
  2. 67a5cd
  3. 79afd3
  4. 8ab9d8
  5. 9bc3de
  6. abcde4
  7. bcd7e9
  8. cde1ef
  9. ddebf4
  10. eef5fa

Darker: #559bc7 mixed with black

  1. 559bc7
  2. 4986ad
  3. 3d7293
  4. 315e7a
  5. 264b62
  6. 1c394c
  7. 112836
  8. 081821
  9. 02090e
  10. 000102

Calmer: #559bc7 with less saturation

  1. 559bc7
  2. 5d9ac2
  3. 649abd
  4. 6b99b8
  5. 7198b2
  6. 7797ad
  7. 7d97a8
  8. 8396a3
  9. 88959d
  10. 8d9498