Skip to the color picker
PickShade

#5699ce color: Canadian Tuxedo

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

Read as HEX

207°
100%

OKLCH

66.1%
0.105
244°
  • ≈ Steel blue
  • Sky blue
  • Medium
  • Soft
  • Cool
  • sky-500
  • Black 19%

Looks the same on every screen.

White text3.07:1 · Below AALc -63
Black text6.84: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 #5699ce

#5699ce is a soft sky blue color. In OKLCH it has 66.1% lightness, 0.105 chroma and a hue of 244°.

Looks the same on every screen.

White text on it reaches 3.07:1 contrast and black text 6.84:1, so black text reads better.

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

More medium sky blue colors

Lighter: #5699ce mixed with white

  1. 5699ce
  2. 68a3d3
  3. 79add9
  4. 8ab8de
  5. 9bc2e3
  6. abcce8
  7. bcd6ed
  8. cde0f1
  9. ddebf6
  10. eef5fb

Darker: #5699ce mixed with black

  1. 5699ce
  2. 4a84b3
  3. 3e7098
  4. 325d7f
  5. 274a66
  6. 1c384e
  7. 122738
  8. 081723
  9. 02080f
  10. 000102

Calmer: #5699ce with less saturation

  1. 5699ce
  2. 5e99c8
  3. 6598c2
  4. 6b98bd
  5. 7197b7
  6. 7796b1
  7. 7d96ab
  8. 8395a5
  9. 88949f
  10. 8d9398