Skip to the color picker

#5ca2fe color: Âbi Blue

#5ca2fe is rgb(92, 162, 254) in RGB and oklch(70.778% 0.15293 255.969) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

214°
100%

70.8%
0.153
256°
  • Blue
  • Light
  • Vivid
  • Cool
  • ≈ Azure
  • blue-400
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
2.61:1Hard to read
Lc -56
Black text
8.05:1Readable · AA
Lc 53

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

#5ca2fe is a bright light blue color. In OKLCH it has 70.8% lightness, 0.153 chroma and a hue of 256°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.61:1 contrast and black text 8.05:1, so black text reads better.

The closest named color is Âbi Blue (#5ba8ff). In Tailwind CSS the closest color is blue-400.

More light blue colors

Lighter: #5ca2fe mixed with white

  1. 5ca2fe
  2. 6dacff
  3. 7eb6ff
  4. 8ebfff
  5. 9ec8ff
  6. afd2ff
  7. bfdbff
  8. cfe4ff
  9. dfedff
  10. eff6ff

Darker: #5ca2fe mixed with black

  1. 5ca2fe
  2. 4f8cdd
  3. 4277bd
  4. 36639e
  5. 2a4f80
  6. 1f3c63
  7. 142a47
  8. 0a192d
  9. 030a16
  10. 000103

Calmer: #5ca2fe with less saturation

  1. 5ca2fe
  2. 64a3f5
  3. 6ca3ec
  4. 74a3e3
  5. 7ba3da
  6. 81a3d0
  7. 88a3c7
  8. 8ea3be
  9. 95a2b4
  10. 9ba1aa

Questions about #5ca2fe

What color is #5ca2fe?

#5ca2fe is bright light blue. The closest named color is Âbi Blue. In RGB it is rgb(92, 162, 254), in HSL hsl(214.07, 98.78%, 67.84%) and in OKLCH oklch(70.778% 0.15293 255.969).

What colors go well with #5ca2fe?

The complementary color of #5ca2fe is #d69100. For a calmer combination use the analogous colors #00b2e9 and #9a90fb. The triadic partners are #f07480 and #73b64f.

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

Black text reads better on #5ca2fe: white gives a contrast ratio of 2.61:1 and black gives 8.05:1. WCAG AA asks for at least 4.5:1 for body text.

Is #5ca2fe a warm or cool color?

#5ca2fe is a cool color. In OKLCH its hue is 256 degrees, its lightness 70.8% and its chroma 0.153.