Skip to the color picker

#3fd6fd color: Libra Blue Morpho

#3fd6fd is rgb(63, 214, 253) in RGB and oklch(81.471% 0.13304 219.496) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

192°
100%

81.5%
0.133
219°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Baby blue
  • sky-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.71:1Hard to read
Lc -34
Black text
12.25:1Readable · AA
Lc 73

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

#3fd6fd is a bright light sky blue color. In OKLCH it has 81.5% lightness, 0.133 chroma and a hue of 219°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.71:1 contrast and black text 12.25:1, so black text reads better.

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

More light sky blue colors

Lighter: #3fd6fd mixed with white

  1. 3fd6fd
  2. 5edbfe
  3. 76dffe
  4. 8ae3fe
  5. 9de8ff
  6. afecff
  7. c0f0ff
  8. d0f4ff
  9. e0f8ff
  10. f0fbff

Darker: #3fd6fd mixed with black

  1. 3fd6fd
  2. 35badc
  3. 2c9ebc
  4. 23849d
  5. 1b6a7f
  6. 125262
  7. 0a3b47
  8. 04252d
  9. 011016
  10. 000203

Calmer: #3fd6fd with less saturation

  1. 3fd6fd
  2. 57d4f7
  3. 69d3f2
  4. 78d1ec
  5. 86cfe6
  6. 92cde0
  7. 9ccbda
  8. a7c9d4
  9. b0c7ce
  10. b9c5c8

Questions about #3fd6fd

What color is #3fd6fd?

#3fd6fd is bright light sky blue. The closest named color is Libra Blue Morpho. In RGB it is rgb(63, 214, 253), in HSL hsl(192.32, 97.94%, 61.96%) and in OKLCH oklch(81.471% 0.13304 219.496).

What colors go well with #3fd6fd?

The complementary color of #3fd6fd is #ffa380. For a calmer combination use the analogous colors #2fddd5 and #84c8ff. The triadic partners are #fb9fde and #d7c454.

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

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

Is #3fd6fd a warm or cool color?

#3fd6fd is a cool color. In OKLCH its hue is 219 degrees, its lightness 81.5% and its chroma 0.133.