Skip to the color picker

#0ccafd color: Bright Sky Blue

#0ccafd is rgb(12, 202, 253) in RGB and oklch(78.053% 0.14623 224.704) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

193°
100%

78.1%
0.146
225°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-400
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.93:1Hard to read
Lc -41
Black text
10.88: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 #0ccafd

#0ccafd is a bright light sky blue color. In OKLCH it has 78.1% lightness, 0.146 chroma and a hue of 225°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.93:1 contrast and black text 10.88:1, so black text reads better.

The closest named color is Bright Sky Blue (#02ccfe). In Tailwind CSS the closest color is cyan-400.

More light sky blue colors

Lighter: #0ccafd mixed with white

  1. 0ccafd
  2. 47d0fe
  3. 65d6fe
  4. 7ddbff
  5. 92e1ff
  6. a6e6ff
  7. b9ebff
  8. cbf0ff
  9. ddf5ff
  10. eefaff

Darker: #0ccafd mixed with black

  1. 0ccafd
  2. 09afdc
  3. 0695bc
  4. 047c9d
  5. 03647f
  6. 024d62
  7. 013747
  8. 00222d
  9. 000f16
  10. 000203

Calmer: #0ccafd with less saturation

  1. 0ccafd
  2. 3dc9f6
  3. 55c7ef
  4. 67c6e9
  5. 76c4e2
  6. 83c2db
  7. 8fc0d4
  8. 9abecd
  9. a4bcc6
  10. aebabf

Questions about #0ccafd

What color is #0ccafd?

#0ccafd is bright light sky blue. The closest named color is Bright Sky Blue. In RGB it is rgb(12, 202, 253), in HSL hsl(192.7, 98.37%, 51.96%) and in OKLCH oklch(78.053% 0.14623 224.704).

What colors go well with #0ccafd?

The complementary color of #0ccafd is #ff9765. For a calmer combination use the analogous colors #00d4d4 and #79bbff. The triadic partners are #f88fcd and #c6bc39.

Is white or black text more readable on #0ccafd?

Black text reads better on #0ccafd: white gives a contrast ratio of 1.93:1 and black gives 10.88:1. WCAG AA asks for at least 4.5:1 for body text.

Is #0ccafd a warm or cool color?

#0ccafd is a cool color. In OKLCH its hue is 225 degrees, its lightness 78.1% and its chroma 0.146.