Skip to the color picker

#5487e2 color: Blue Jay

#5487e2 is rgb(84, 135, 226) in RGB and oklch(63.087% 0.1481 261.116) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

218°
100%

63.1%
0.148
261°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • blue-500
  • Black 11%

Inside sRGB: displays the same on any screen.

White text
3.53:1Hard to read
Lc -68
Black text
5.94:1Readable · AA
Lc 41

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 #5487e2

#5487e2 is a bright blue color. In OKLCH it has 63.1% lightness, 0.148 chroma and a hue of 261°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Blue Jay (#5588dd). In Tailwind CSS the closest color is blue-500.

More medium blue colors

Lighter: #5487e2 mixed with white

  1. 5487e2
  2. 6593e6
  3. 75a0ea
  4. 86aced
  5. 97b8f0
  6. a8c4f3
  7. b9d0f6
  8. cadbf9
  9. dce7fb
  10. edf3fd

Darker: #5487e2 mixed with black

  1. 5487e2
  2. 4875c4
  3. 3c63a8
  4. 31518c
  5. 264171
  6. 1b3157
  7. 11213e
  8. 081327
  9. 020612
  10. 000103

Calmer: #5487e2 with less saturation

  1. 5487e2
  2. 5a88d9
  3. 6089d1
  4. 6589c8
  5. 6b8abf
  6. 708ab7
  7. 758aae
  8. 7a8aa5
  9. 7f8a9c
  10. 848a93

Questions about #5487e2

What color is #5487e2?

#5487e2 is bright blue. The closest named color is Blue Jay. In RGB it is rgb(84, 135, 226), in HSL hsl(218.45, 71%, 60.78%) and in OKLCH oklch(63.087% 0.1481 261.116).

What colors go well with #5487e2?

The complementary color of #5487e2 is #b67d00. For a calmer combination use the analogous colors #0097d2 and #8b76db. The triadic partners are #d45f61 and #509f45.

Is white or black text more readable on #5487e2?

White text reads better on #5487e2: white gives a contrast ratio of 3.53:1 and black gives 5.94:1. WCAG AA asks for at least 4.5:1 for body text.

Is #5487e2 a warm or cool color?

#5487e2 is a cool color. In OKLCH its hue is 261 degrees, its lightness 63.1% and its chroma 0.148.