Skip to the color picker
PickShade

#548cff color: Skinny Jeans

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

Read as HEX

220°
100%

OKLCH

65.9%
0.181
263°
  • ≈ Azure
  • Blue
  • Medium
  • Vivid
  • Cool
  • indigo-400
  • Black 0%

Looks the same on every screen.

White text3.20:1 · Below AALc -64
Black text6.57: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 #548cff

#548cff is a bright blue color. In OKLCH it has 65.9% lightness, 0.181 chroma and a hue of 263°.

Looks the same on every screen.

White text on it reaches 3.2:1 contrast and black text 6.57: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: #548cff mixed with white

  1. 548cff
  2. 6598ff
  3. 76a5ff
  4. 86b0ff
  5. 97bcff
  6. a8c8ff
  7. b9d3ff
  8. cbdeff
  9. dce9ff
  10. edf4ff

Darker: #548cff mixed with black

  1. 548cff
  2. 4879de
  3. 3c67be
  4. 31559e
  5. 264380
  6. 1b3363
  7. 112348
  8. 08142e
  9. 020716
  10. 000103

Calmer: #548cff with less saturation

  1. 548cff
  2. 5b8ef4
  3. 618fea
  4. 6890df
  5. 6e91d5
  6. 7492ca
  7. 7a92bf
  8. 8092b4
  9. 8692a9
  10. 8c929d