Skip to the color picker

#0ccdff color: Tropical Turquoise

#0ccdff is rgb(12, 205, 255) in RGB and oklch(78.841% 0.1467 223.883) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

192°
100%

78.8%
0.147
224°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-400
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.88:1Hard to read
Lc -39
Black text
11.19: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 #0ccdff

#0ccdff is a bright light sky blue color. In OKLCH it has 78.8% lightness, 0.147 chroma and a hue of 224°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.88:1 contrast and black text 11.19:1, so black text reads better.

The closest named color is Tropical Turquoise (#04cdff). In Tailwind CSS the closest color is cyan-400.

More light sky blue colors

Lighter: #0ccdff mixed with white

  1. 0ccdff
  2. 47d3ff
  3. 65d8ff
  4. 7eddff
  5. 93e2ff
  6. a7e7ff
  7. b9ecff
  8. ccf1ff
  9. ddf6ff
  10. eefaff

Darker: #0ccdff mixed with black

  1. 0ccdff
  2. 09b2de
  3. 0698be
  4. 047e9e
  5. 036680
  6. 024e63
  7. 013848
  8. 00232e
  9. 000f16
  10. 000203

Calmer: #0ccdff with less saturation

  1. 0ccdff
  2. 3eccf8
  3. 56caf2
  4. 68c8eb
  5. 78c7e4
  6. 85c5dd
  7. 91c3d6
  8. 9cc1cf
  9. a7bfc8
  10. b1bcc1

Questions about #0ccdff

What color is #0ccdff?

#0ccdff is bright light sky blue. The closest named color is Tropical Turquoise. In RGB it is rgb(12, 205, 255), in HSL hsl(192.35, 100%, 52.35%) and in OKLCH oklch(78.841% 0.1467 223.883).

What colors go well with #0ccdff?

The complementary color of #0ccdff is #ff9968. For a calmer combination use the analogous colors #00d6d5 and #7cbeff. The triadic partners are #fb92d1 and #cabe3b.

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

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

Is #0ccdff a warm or cool color?

#0ccdff is a cool color. In OKLCH its hue is 224 degrees, its lightness 78.8% and its chroma 0.147.