Skip to the color picker

#3bcaf6 color: Thor’s Thunder

#3bcaf6 is rgb(59, 202, 246) in RGB and oklch(78.321% 0.13183 223.464) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

194°
100%

78.3%
0.132
223°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-400
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
1.92:1Hard to read
Lc -40
Black text
10.96:1Readable · AA
Lc 68

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

#3bcaf6 is a bright light sky blue color. In OKLCH it has 78.3% lightness, 0.132 chroma and a hue of 223°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.92:1 contrast and black text 10.96:1, so black text reads better.

The closest named color is Thor’s Thunder (#44ccff). In Tailwind CSS the closest color is cyan-400.

More light sky blue colors

Lighter: #3bcaf6 mixed with white

  1. 3bcaf6
  2. 5ad0f7
  3. 72d5f8
  4. 87dbfa
  5. 9ae0fb
  6. ace6fc
  7. bdebfc
  8. cef0fd
  9. dff5fe
  10. effaff

Darker: #3bcaf6 mixed with black

  1. 3bcaf6
  2. 32afd6
  3. 2995b7
  4. 217c98
  5. 19647b
  6. 114d5f
  7. 093745
  8. 04222c
  9. 010f15
  10. 000203

Calmer: #3bcaf6 with less saturation

  1. 3bcaf6
  2. 52c9f0
  3. 63c7ea
  4. 72c6e4
  5. 7ec4de
  6. 8ac2d8
  7. 94c0d1
  8. 9ebfcb
  9. a7bdc5
  10. b0babf

Questions about #3bcaf6

What color is #3bcaf6?

#3bcaf6 is bright light sky blue. The closest named color is Thor’s Thunder. In RGB it is rgb(59, 202, 246), in HSL hsl(194.12, 91.22%, 59.8%) and in OKLCH oklch(78.321% 0.13183 223.464).

What colors go well with #3bcaf6?

The complementary color of #3bcaf6 is #fe9b71. For a calmer combination use the analogous colors #15d2d0 and #7abcff. The triadic partners are #f395ce and #c7bc4d.

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

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

Is #3bcaf6 a warm or cool color?

#3bcaf6 is a cool color. In OKLCH its hue is 223 degrees, its lightness 78.3% and its chroma 0.132.