Skip to the color picker

#587ba0 color: Cocktail Blue

#587ba0 is rgb(88, 123, 160) in RGB and oklch(57.148% 0.06998 250.48) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

211°
100%

57.1%
0.070
250°
  • Blue
  • Medium
  • Soft
  • Dusty
  • Cool
  • ≈ Steel blue
  • slate-500
  • Black 37%

Inside sRGB: displays the same on any screen.

White text
4.42:1Hard to read
Lc -76
Black text
4.76:1Readable · AA
Lc 34

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 #587ba0

#587ba0 is a dusty blue color. In OKLCH it has 57.1% lightness, 0.07 chroma and a hue of 250°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Cocktail Blue (#5a7aa2). In Tailwind CSS the closest color is slate-500.

More medium blue colors

Lighter: #587ba0 mixed with white

  1. 587ba0
  2. 6888a9
  3. 7894b3
  4. 88a1bc
  5. 98aec6
  6. a9bbcf
  7. bac9d9
  8. cbd6e2
  9. dce4ec
  10. edf1f5

Darker: #587ba0 mixed with black

  1. 587ba0
  2. 4b6a8b
  3. 3f5a76
  4. 334a61
  5. 283a4e
  6. 1d2c3b
  7. 121e29
  8. 091019
  9. 030509
  10. 000101

Calmer: #587ba0 with less saturation

  1. 587ba0
  2. 5c7b9c
  3. 5f7b98
  4. 627a94
  5. 667a90
  6. 697a8c
  7. 6c7988
  8. 6f7984
  9. 727980
  10. 75787c

Questions about #587ba0

What color is #587ba0?

#587ba0 is dusty blue. The closest named color is Cocktail Blue. In RGB it is rgb(88, 123, 160), in HSL hsl(210.83, 29.03%, 48.63%) and in OKLCH oklch(57.148% 0.06998 250.48).

What colors go well with #587ba0?

The complementary color of #587ba0 is #927149. For a calmer combination use the analogous colors #448295 and #7073a1. The triadic partners are #9c666e and #6a8054.

Is white or black text more readable on #587ba0?

White text reads better on #587ba0: white gives a contrast ratio of 4.42:1 and black gives 4.76:1. WCAG AA asks for at least 4.5:1 for body text.

Is #587ba0 a warm or cool color?

#587ba0 is a cool color. In OKLCH its hue is 250 degrees, its lightness 57.1% and its chroma 0.07.