Skip to the color picker

#3bcaf5 color: Thor’s Thunder

#3bcaf5 is rgb(59, 202, 245) in RGB and oklch(78.278% 0.13116 222.921) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

194°
100%

78.3%
0.131
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.95: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 #3bcaf5

#3bcaf5 is a bright light sky blue color. In OKLCH it has 78.3% lightness, 0.131 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.95: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: #3bcaf5 mixed with white

  1. 3bcaf5
  2. 5ad0f6
  3. 72d5f8
  4. 87dbf9
  5. 9ae0fa
  6. ace6fb
  7. bdebfc
  8. cef0fd
  9. dff5fe
  10. effafe

Darker: #3bcaf5 mixed with black

  1. 3bcaf5
  2. 32afd5
  3. 2995b6
  4. 217c98
  5. 19647b
  6. 114d5f
  7. 093744
  8. 04222b
  9. 010f15
  10. 000203

Calmer: #3bcaf5 with less saturation

  1. 3bcaf5
  2. 52c9ef
  3. 63c7e9
  4. 71c6e3
  5. 7ec4dd
  6. 8ac2d7
  7. 94c0d1
  8. 9ebecb
  9. a7bcc5
  10. b0babe

Questions about #3bcaf5

What color is #3bcaf5?

#3bcaf5 is bright light sky blue. The closest named color is Thor’s Thunder. In RGB it is rgb(59, 202, 245), in HSL hsl(193.87, 90.29%, 59.61%) and in OKLCH oklch(78.278% 0.13116 222.921).

What colors go well with #3bcaf5?

The complementary color of #3bcaf5 is #fe9b72. For a calmer combination use the analogous colors #19d2cf and #79bcff. The triadic partners are #f295ce and #c8bb4d.

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

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

Is #3bcaf5 a warm or cool color?

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