Skip to the color picker
PickShade

#578aff color: Skinny Jeans

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

Read as HEX

222°
100%

OKLCH

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

Looks the same on every screen.

White text3.24:1 · Below AALc -65
Black text6.48: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 #578aff

#578aff is a bright blue color. In OKLCH it has 65.6% lightness, 0.182 chroma and a hue of 264°.

Looks the same on every screen.

White text on it reaches 3.24:1 contrast and black text 6.48: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: #578aff mixed with white

  1. 578aff
  2. 6797ff
  3. 77a3ff
  4. 88afff
  5. 98bbff
  6. a9c7ff
  7. bad2ff
  8. cbddff
  9. dce9ff
  10. eef4ff

Darker: #578aff mixed with black

  1. 578aff
  2. 4b77de
  3. 3e65be
  4. 33539e
  5. 274280
  6. 1c3263
  7. 122248
  8. 08142e
  9. 030716
  10. 000103

Calmer: #578aff with less saturation

  1. 578aff
  2. 5d8cf4
  3. 638dea
  4. 698fdf
  5. 6f90d4
  6. 7590c9
  7. 7b91be
  8. 8091b3
  9. 8691a8
  10. 8b919d