Skip to the color picker

#2ccfff color: Tropical Turquoise

#2ccfff is rgb(44, 207, 255) in RGB and oklch(79.606% 0.1411 223.842) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

194°
100%

79.6%
0.141
224°
  • Sky blue
  • Light
  • Vivid
  • Cool
  • ≈ Sky blue
  • cyan-400
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.83:1Hard to read
Lc -38
Black text
11.48:1Readable · AA
Lc 70

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 #2ccfff

#2ccfff is a bright light sky blue color. In OKLCH it has 79.6% lightness, 0.141 chroma and a hue of 224°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.83:1 contrast and black text 11.48: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: #2ccfff mixed with white

  1. 2ccfff
  2. 52d4ff
  3. 6dd9ff
  4. 83deff
  5. 98e3ff
  6. aae8ff
  7. bcedff
  8. cdf2ff
  9. def6ff
  10. effbff

Darker: #2ccfff mixed with black

  1. 2ccfff
  2. 25b4de
  3. 1e99be
  4. 177f9e
  5. 116780
  6. 0a4f63
  7. 053848
  8. 02232e
  9. 011016
  10. 000203

Calmer: #2ccfff with less saturation

  1. 2ccfff
  2. 4acef9
  3. 5fccf2
  4. 6fcaeb
  5. 7dc9e5
  6. 8ac7de
  7. 95c5d8
  8. a0c3d1
  9. aac1ca
  10. b3bfc3

Questions about #2ccfff

What color is #2ccfff?

#2ccfff is bright light sky blue. The closest named color is Tropical Turquoise. In RGB it is rgb(44, 207, 255), in HSL hsl(193.65, 100%, 58.63%) and in OKLCH oklch(79.606% 0.1411 223.842).

What colors go well with #2ccfff?

The complementary color of #2ccfff is #ff9d6e. For a calmer combination use the analogous colors #00d8d7 and #81c0ff. The triadic partners are #fb96d3 and #ccc046.

Is white or black text more readable on #2ccfff?

Black text reads better on #2ccfff: white gives a contrast ratio of 1.83:1 and black gives 11.48:1. WCAG AA asks for at least 4.5:1 for body text.

Is #2ccfff a warm or cool color?

#2ccfff is a cool color. In OKLCH its hue is 224 degrees, its lightness 79.6% and its chroma 0.141.