Skip to the color picker

#3cccfd color: Thor’s Thunder

#3cccfd is rgb(60, 204, 253) in RGB and oklch(79.105% 0.13593 225.887) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

195°
100%

79.1%
0.136
226°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-400
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.87:1Hard to read
Lc -39
Black text
11.25:1Readable · AA
Lc 69

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

#3cccfd is a bright light sky blue color. In OKLCH it has 79.1% lightness, 0.136 chroma and a hue of 226°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.87:1 contrast and black text 11.25: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: #3cccfd mixed with white

  1. 3cccfd
  2. 5bd2fe
  3. 73d7fe
  4. 87dcff
  5. 9be2ff
  6. ade7ff
  7. beecff
  8. cff1ff
  9. dff6ff
  10. effaff

Darker: #3cccfd mixed with black

  1. 3cccfd
  2. 33b1dc
  3. 2a97bc
  4. 217e9d
  5. 19657f
  6. 114e62
  7. 0a3747
  8. 04222d
  9. 010f16
  10. 000203

Calmer: #3cccfd with less saturation

  1. 3cccfd
  2. 53cbf7
  3. 64c9f0
  4. 73c8ea
  5. 80c6e3
  6. 8bc5dc
  7. 96c3d6
  8. a0c1cf
  9. a9bfc8
  10. b2bdc2

Questions about #3cccfd

What color is #3cccfd?

#3cccfd is bright light sky blue. The closest named color is Thor’s Thunder. In RGB it is rgb(60, 204, 253), in HSL hsl(195.23, 97.97%, 61.37%) and in OKLCH oklch(79.105% 0.13593 225.887).

What colors go well with #3cccfd?

The complementary color of #3cccfd is #ff9d6d. For a calmer combination use the analogous colors #00d5d7 and #82bdff. The triadic partners are #f996cd and #c7c04d.

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

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

Is #3cccfd a warm or cool color?

#3cccfd is a cool color. In OKLCH its hue is 226 degrees, its lightness 79.1% and its chroma 0.136.