Skip to the color picker

#5f8aeb color: Soft Blue

#5f8aeb is rgb(95, 138, 235) in RGB and oklch(64.796% 0.15288 264.512) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

222°
100%

64.8%
0.153
265°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • indigo-400
  • Black 8%

Inside sRGB: displays the same on any screen.

White text
3.32:1Hard to read
Lc -66
Black text
6.32:1Readable · AA
Lc 44

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 #5f8aeb

#5f8aeb is a bright blue color. In OKLCH it has 64.8% lightness, 0.153 chroma and a hue of 265°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Soft Blue (#6488ea). In Tailwind CSS the closest color is indigo-400.

More medium blue colors

Lighter: #5f8aeb mixed with white

  1. 5f8aeb
  2. 6e96ee
  3. 7ea2f1
  4. 8daef3
  5. 9dbaf6
  6. adc5f8
  7. bdd1fa
  8. cdddfc
  9. dee8fd
  10. eef4fe

Darker: #5f8aeb mixed with black

  1. 5f8aeb
  2. 5277cc
  3. 4465ae
  4. 385391
  5. 2c4275
  6. 20325b
  7. 152241
  8. 0a1429
  9. 030713
  10. 000103

Calmer: #5f8aeb with less saturation

  1. 5f8aeb
  2. 648be2
  3. 698cd9
  4. 6e8dd0
  5. 738ec7
  6. 778ebe
  7. 7c8fb5
  8. 818fab
  9. 858fa2
  10. 8a8f98

Similar named colors

Colors that go with #5f8aeb

Complementary
#5f8aeb#b98400
Analogous
#5f8aeb#009bdd#9679e1
Triadic
#5f8aeb#dc635e#49a64e
Split
#5f8aeb#d4701a#8d9800

Questions about #5f8aeb

What color is #5f8aeb?

#5f8aeb is bright blue. The closest named color is Soft Blue. In RGB it is rgb(95, 138, 235), in HSL hsl(221.57, 77.78%, 64.71%) and in OKLCH oklch(64.796% 0.15288 264.512).

What colors go well with #5f8aeb?

The complementary color of #5f8aeb is #b98400. For a calmer combination use the analogous colors #009bdd and #9679e1. The triadic partners are #dc635e and #49a64e.

Is white or black text more readable on #5f8aeb?

White text reads better on #5f8aeb: white gives a contrast ratio of 3.32:1 and black gives 6.32:1. WCAG AA asks for at least 4.5:1 for body text.

Is #5f8aeb a warm or cool color?

#5f8aeb is a cool color. In OKLCH its hue is 265 degrees, its lightness 64.8% and its chroma 0.153.