Skip to the color picker

#3ad1fa color: Libra Blue Morpho

#3ad1fa is rgb(58, 209, 250) in RGB and oklch(80.092% 0.13351 220.84) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

193°
100%

80.1%
0.134
221°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-400
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
1.80:1Hard to read
Lc -37
Black text
11.68:1Readable · AA
Lc 71

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 #3ad1fa

#3ad1fa is a bright light sky blue color. In OKLCH it has 80.1% lightness, 0.134 chroma and a hue of 221°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.8:1 contrast and black text 11.68:1, so black text reads better.

The closest named color is Libra Blue Morpho (#4cd5ff). In Tailwind CSS the closest color is cyan-400.

More light sky blue colors

Lighter: #3ad1fa mixed with white

  1. 3ad1fa
  2. 5ad6fb
  3. 73dbfc
  4. 88e0fc
  5. 9be5fd
  6. ade9fe
  7. beeefe
  8. cff2fe
  9. dff7ff
  10. effbff

Darker: #3ad1fa mixed with black

  1. 3ad1fa
  2. 31b5d9
  3. 289bba
  4. 20819b
  5. 18687d
  6. 105061
  7. 093946
  8. 04232d
  9. 011015
  10. 000203

Calmer: #3ad1fa with less saturation

  1. 3ad1fa
  2. 53cff4
  3. 65ceee
  4. 74cce8
  5. 82cae2
  6. 8dc9dc
  7. 98c7d6
  8. a3c5d0
  9. acc2ca
  10. b5c0c4

Questions about #3ad1fa

What color is #3ad1fa?

#3ad1fa is bright light sky blue. The closest named color is Libra Blue Morpho. In RGB it is rgb(58, 209, 250), in HSL hsl(192.81, 95.05%, 60.39%) and in OKLCH oklch(80.092% 0.13351 220.84).

What colors go well with #3ad1fa?

The complementary color of #3ad1fa is #ff9f79. For a calmer combination use the analogous colors #21d9d2 and #7ec3ff. The triadic partners are #f89bd8 and #d1c04f.

Is white or black text more readable on #3ad1fa?

Black text reads better on #3ad1fa: white gives a contrast ratio of 1.8:1 and black gives 11.68:1. WCAG AA asks for at least 4.5:1 for body text.

Is #3ad1fa a warm or cool color?

#3ad1fa is a cool color. In OKLCH its hue is 221 degrees, its lightness 80.1% and its chroma 0.134.