Skip to the color picker
PickShade

#486d90 color: Sailor’s Bay

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

Read as HEX

209°
100%

OKLCH

52.2%
0.070
248°
  • ≈ Cerulean
  • Blue
  • Medium
  • Soft
  • Dusty
  • Cool
  • slate-500
  • Black 44%

Looks the same on every screen.

White text5.43:1 · AALc -82
Black text3.87:1 · Below AALc 27

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 #486d90

#486d90 is a dusty blue color. In OKLCH it has 52.2% lightness, 0.07 chroma and a hue of 248°.

Looks the same on every screen.

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

The closest named color is Sailor’s Bay (#496f8e). In Tailwind CSS the closest color is slate-500.

More medium blue colors

Lighter: #486d90 mixed with white

  1. 486d90
  2. 597b9b
  3. 6b89a6
  4. 7c97b1
  5. 8ea5bc
  6. a0b4c7
  7. b3c3d2
  8. c6d1dd
  9. d8e0e8
  10. ecf0f4

Darker: #486d90 mixed with black

  1. 486d90
  2. 3d5e7d
  3. 334f6a
  4. 294157
  5. 1f3345
  6. 162634
  7. 0d1924
  8. 060d15
  9. 020407
  10. 000101

Calmer: #486d90 with less saturation

  1. 486d90
  2. 4c6d8c
  3. 506d88
  4. 536c85
  5. 576c81
  6. 5a6c7d
  7. 5d6b79
  8. 606b75
  9. 636a71
  10. 666a6d