Skip to the color picker

#5da3fa color: Âbi Blue

#5da3fa is rgb(93, 163, 250) in RGB and oklch(70.816% 0.14652 254.854) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

213°
100%

70.8%
0.147
255°
  • Blue
  • Light
  • Vivid
  • Cool
  • ≈ Azure
  • blue-400
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
2.60:1Hard to read
Lc -56
Black text
8.08:1Readable · AA
Lc 54

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

#5da3fa is a bright light blue color. In OKLCH it has 70.8% lightness, 0.147 chroma and a hue of 255°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.6:1 contrast and black text 8.08: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: #5da3fa mixed with white

  1. 5da3fa
  2. 6eadfb
  3. 7fb6fd
  4. 8fc0fe
  5. 9fc9fe
  6. afd2ff
  7. bfdbff
  8. cfe4ff
  9. dfedff
  10. eff6ff

Darker: #5da3fa mixed with black

  1. 5da3fa
  2. 508dd9
  3. 4378ba
  4. 37639b
  5. 2a4f7d
  6. 1f3c61
  7. 142a46
  8. 0a192d
  9. 030a15
  10. 000103

Calmer: #5da3fa with less saturation

  1. 5da3fa
  2. 65a3f1
  3. 6da4e9
  4. 74a4e0
  5. 7ba4d7
  6. 82a4ce
  7. 89a3c6
  8. 8fa3bd
  9. 95a2b3
  10. 9ba2aa

Questions about #5da3fa

What color is #5da3fa?

#5da3fa is bright light blue. The closest named color is Âbi Blue. In RGB it is rgb(93, 163, 250), in HSL hsl(213.25, 94.01%, 67.25%) and in OKLCH oklch(70.816% 0.14652 254.854).

What colors go well with #5da3fa?

The complementary color of #5da3fa is #d59110. For a calmer combination use the analogous colors #00b2e5 and #9892f8. The triadic partners are #ed7783 and #78b551.

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

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

Is #5da3fa a warm or cool color?

#5da3fa is a cool color. In OKLCH its hue is 255 degrees, its lightness 70.8% and its chroma 0.147.