Skip to the color picker
PickShade

#586eaf color: Loch Ness

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

Read as HEX

225°
100%

OKLCH

55%
0.105
269°
  • ≈ Steel blue
  • Blue
  • Medium
  • Soft
  • Cool
  • slate-500
  • Black 31%

Looks the same on every screen.

White text4.92:1 · AALc -79
Black text4.26:1 · Below AALc 30

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 #586eaf

#586eaf is a soft blue color. In OKLCH it has 55% lightness, 0.105 chroma and a hue of 269°.

Looks the same on every screen.

White text on it reaches 4.92:1 contrast and black text 4.26:1, so white text reads better.

The closest named color is Loch Ness (#5f6db0). In Tailwind CSS the closest color is slate-500.

More medium blue colors

Lighter: #586eaf mixed with white

  1. 586eaf
  2. 677cb7
  3. 778ac0
  4. 8798c8
  5. 97a7d0
  6. a8b5d8
  7. b9c4e0
  8. cad2e8
  9. dbe1f0
  10. edf0f7

Darker: #586eaf mixed with black

  1. 586eaf
  2. 4b5f98
  3. 3f5081
  4. 33416b
  5. 283356
  6. 1d2641
  7. 12192e
  8. 090e1c
  9. 03040b
  10. 000101

Calmer: #586eaf with less saturation

  1. 586eaf
  2. 5b6fa9
  3. 5d6fa3
  4. 60709d
  5. 627097
  6. 657191
  7. 67718b
  8. 6a7185
  9. 6c717e
  10. 6f7178