Skip to the color picker
PickShade

#589cc2 color: Canadian Tuxedo

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

Read as HEX

202°
100%

OKLCH

66.3%
0.089
235°
  • ≈ Steel blue
  • Sky blue
  • Medium
  • Soft
  • Cool
  • slate-400
  • Black 24%

Looks the same on every screen.

White text3.02:1 · Below AALc -62
Black text6.95: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 #589cc2

#589cc2 is a soft sky blue color. In OKLCH it has 66.3% lightness, 0.089 chroma and a hue of 235°.

Looks the same on every screen.

White text on it reaches 3.02:1 contrast and black text 6.95:1, so black text reads better.

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

More medium sky blue colors

Lighter: #589cc2 mixed with white

  1. 589cc2
  2. 6aa6c8
  3. 7bb0cf
  4. 8cb9d5
  5. 9cc3db
  6. adcde1
  7. bdd7e7
  8. cde1ed
  9. deebf3
  10. eef5f9

Darker: #589cc2 mixed with black

  1. 589cc2
  2. 4b87a8
  3. 3f738f
  4. 335f77
  5. 284c60
  6. 1d3949
  7. 122834
  8. 091820
  9. 03090e
  10. 000102

Calmer: #589cc2 with less saturation

  1. 589cc2
  2. 5f9bbd
  3. 669bb9
  4. 6d9ab4
  5. 7399b0
  6. 7998ab
  7. 7e97a6
  8. 8496a1
  9. 89959d
  10. 8e9498