Skip to the color picker

#0ccbb2 color: Pristine Oceanic

#0ccbb2 is rgb(12, 203, 178) in RGB and oklch(75.489% 0.13612 179.572) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

172°
100%

75.5%
0.136
180°
  • Teal
  • Light
  • Vivid
  • Cool
  • ≈ Turquoise
  • teal-400
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
2.06:1Hard to read
Lc -44
Black text
10.20:1Readable · AA
Lc 64

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 #0ccbb2

#0ccbb2 is a bright light teal color. In OKLCH it has 75.5% lightness, 0.136 chroma and a hue of 180°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.06:1 contrast and black text 10.2:1, so black text reads better.

The closest named color is Pristine Oceanic (#00ccbb). In Tailwind CSS the closest color is teal-400.

More light teal colors

Lighter: #0ccbb2 mixed with white

  1. 0ccbb2
  2. 46d1b9
  3. 64d6c1
  4. 7cdbc9
  5. 91e1d0
  6. a5e6d8
  7. b8ebe0
  8. cbf0e7
  9. dcf5ef
  10. eefaf7

Darker: #0ccbb2 mixed with black

  1. 0ccbb2
  2. 09b09a
  3. 069683
  4. 047d6d
  5. 036557
  6. 024d43
  7. 01372f
  8. 00221d
  9. 000f0c
  10. 000201

Calmer: #0ccbb2 with less saturation

  1. 0ccbb2
  2. 3bc9b2
  3. 52c6b1
  4. 64c3b1
  5. 72c1b1
  6. 7fbeb1
  7. 8abbb0
  8. 94b8b0
  9. 9eb5b0
  10. a7b2b0

Questions about #0ccbb2

What color is #0ccbb2?

#0ccbb2 is bright light teal. The closest named color is Pristine Oceanic. In RGB it is rgb(12, 203, 178), in HSL hsl(172.15, 88.84%, 42.16%) and in OKLCH oklch(75.489% 0.13612 179.572).

What colors go well with #0ccbb2?

The complementary color of #0ccbb2 is #f489ad. For a calmer combination use the analogous colors #6ac780 and #00c6de. The triadic partners are #bc9bf9 and #ee994e.

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

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

Is #0ccbb2 a warm or cool color?

#0ccbb2 is a cool color. In OKLCH its hue is 180 degrees, its lightness 75.5% and its chroma 0.136.