Skip to the color picker
PickShade

#569cc2 color: Canadian Tuxedo

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

Read as HEX

201°
100%

OKLCH

66.2%
0.091
234°
  • ≈ Steel blue
  • Sky blue
  • Medium
  • Soft
  • Cool
  • cyan-600
  • Black 24%

Looks the same on every screen.

White text3.03:1 · Below AALc -62
Black text6.93: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 #569cc2

#569cc2 is a soft sky blue color. In OKLCH it has 66.2% lightness, 0.091 chroma and a hue of 234°.

Looks the same on every screen.

White text on it reaches 3.03:1 contrast and black text 6.93: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: #569cc2 mixed with white

  1. 569cc2
  2. 68a6c8
  3. 7ab0cf
  4. 8ab9d5
  5. 9bc3db
  6. accde1
  7. bcd7e7
  8. cde1ed
  9. deebf3
  10. eef5f9

Darker: #569cc2 mixed with black

  1. 569cc2
  2. 4a87a8
  3. 3e738f
  4. 325f77
  5. 274c60
  6. 1c3949
  7. 122834
  8. 081820
  9. 02090e
  10. 000102

Calmer: #569cc2 with less saturation

  1. 569cc2
  2. 5e9bbd
  3. 659bb9
  4. 6c9ab4
  5. 7299af
  6. 7898ab
  7. 7e97a6
  8. 8396a1
  9. 89959c
  10. 8e9498