Skip to the color picker

#659de2 color: Blue Bay

#659de2 is rgb(101, 157, 226) in RGB and oklch(68.645% 0.11845 254.375) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

213°
100%

68.6%
0.118
254°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • blue-400
  • Black 11%

Inside sRGB: displays the same on any screen.

White text
2.81:1Hard to read
Lc -59
Black text
7.47:1Readable · AA
Lc 50

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 #659de2

#659de2 is a bright blue color. In OKLCH it has 68.6% lightness, 0.118 chroma and a hue of 254°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.81:1 contrast and black text 7.47:1, so black text reads better.

The closest named color is Blue Bay (#619ad6). In Tailwind CSS the closest color is blue-400.

More medium blue colors

Lighter: #659de2 mixed with white

  1. 659de2
  2. 75a7e6
  3. 84b1e9
  4. 93bbec
  5. a2c4ef
  6. b2cef2
  7. c1d8f5
  8. d0e2f8
  9. e0ecfa
  10. eff5fd

Darker: #659de2 mixed with black

  1. 659de2
  2. 5788c4
  3. 4973a8
  4. 3c5f8c
  5. 2f4c71
  6. 223a57
  7. 17283e
  8. 0c1827
  9. 030912
  10. 000103

Calmer: #659de2 with less saturation

  1. 659de2
  2. 6b9ddb
  3. 719dd4
  4. 779dcd
  5. 7c9dc6
  6. 819dbf
  7. 879cb8
  8. 8c9cb0
  9. 919ba9
  10. 959ba2

Questions about #659de2

What color is #659de2?

#659de2 is bright blue. The closest named color is Blue Bay. In RGB it is rgb(101, 157, 226), in HSL hsl(213.12, 68.31%, 64.12%) and in OKLCH oklch(68.645% 0.11845 254.375).

What colors go well with #659de2?

The complementary color of #659de2 is #c58e3c. For a calmer combination use the analogous colors #2ca9d1 and #928fe1. The triadic partners are #d97a83 and #7baa5d.

Is white or black text more readable on #659de2?

Black text reads better on #659de2: white gives a contrast ratio of 2.81:1 and black gives 7.47:1. WCAG AA asks for at least 4.5:1 for body text.

Is #659de2 a warm or cool color?

#659de2 is a cool color. In OKLCH its hue is 254 degrees, its lightness 68.6% and its chroma 0.118.