Skip to the color picker
PickShade

#5a89ff color: Skinny Jeans

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

Read as HEX

223°
100%

OKLCH

65.6%
0.182
265°
  • ≈ Azure
  • Blue
  • Medium
  • Vivid
  • Cool
  • indigo-400
  • Black 0%

Looks the same on every screen.

White text3.25:1 · Below AALc -65
Black text6.46:1 · AALc 45

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 #5a89ff

#5a89ff is a bright blue color. In OKLCH it has 65.6% lightness, 0.182 chroma and a hue of 265°.

Looks the same on every screen.

White text on it reaches 3.25:1 contrast and black text 6.46:1, so black text reads better.

The closest named color is Skinny Jeans (#5588ff). In Tailwind CSS the closest color is indigo-400.

More medium blue colors

Lighter: #5a89ff mixed with white

  1. 5a89ff
  2. 6a96ff
  3. 79a2ff
  4. 89aeff
  5. 9abaff
  6. aac6ff
  7. bbd2ff
  8. ccddff
  9. dde8ff
  10. eef4ff

Darker: #5a89ff mixed with black

  1. 5a89ff
  2. 4d76de
  3. 4164be
  4. 35539e
  5. 294280
  6. 1e3163
  7. 132248
  8. 09142e
  9. 030716
  10. 000103

Calmer: #5a89ff with less saturation

  1. 5a89ff
  2. 608bf4
  3. 658dea
  4. 6b8edf
  5. 708fd4
  6. 7690c9
  7. 7b90be
  8. 8191b3
  9. 8691a8
  10. 8b919c