Skip to the color picker

#3accfc color: Thor’s Thunder

#3accfc is rgb(58, 204, 252) in RGB and oklch(79.022% 0.13586 225.207) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

195°
100%

79%
0.136
225°
  • 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.22: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 #3accfc

#3accfc is a bright light sky blue color. In OKLCH it has 79% lightness, 0.136 chroma and a hue of 225°.

Inside sRGB: displays the same on any screen.

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

  1. 3accfc
  2. 5ad2fd
  3. 72d7fd
  4. 87dcfe
  5. 9ae2fe
  6. ace7ff
  7. beecff
  8. cef1ff
  9. dff6ff
  10. effaff

Darker: #3accfc mixed with black

  1. 3accfc
  2. 31b1db
  3. 2897bb
  4. 207e9c
  5. 18657e
  6. 104e62
  7. 093747
  8. 04222d
  9. 010f16
  10. 000203

Calmer: #3accfc with less saturation

  1. 3accfc
  2. 52cbf6
  3. 63c9ef
  4. 72c8e9
  5. 7fc6e2
  6. 8bc4dc
  7. 96c3d5
  8. a0c1cf
  9. a9bfc8
  10. b2bdc1

Questions about #3accfc

What color is #3accfc?

#3accfc is bright light sky blue. The closest named color is Thor’s Thunder. In RGB it is rgb(58, 204, 252), in HSL hsl(194.85, 97%, 60.78%) and in OKLCH oklch(79.022% 0.13586 225.207).

What colors go well with #3accfc?

The complementary color of #3accfc is #ff9d6e. For a calmer combination use the analogous colors #00d5d6 and #80beff. The triadic partners are #f896ce and #c7bf4c.

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

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

Is #3accfc a warm or cool color?

#3accfc is a cool color. In OKLCH its hue is 225 degrees, its lightness 79% and its chroma 0.136.