Skip to the color picker
PickShade

#2fd6cf color: Turquoise Panic

Every format, shade and contrast value for #2fd6cf. Drag the picker to explore nearby colors.

Read as HEX

177°
100%

OKLCH

79.5%
0.129
190°
  • ≈ Turquoise
  • Teal
  • Light
  • Vivid
  • Cool
  • teal-400
  • Black 16%

Looks the same on every screen.

White text1.80:1 · Below AALc -37
Black text11.64:1 · AALc 71

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

#2fd6cf is a bright light teal color. In OKLCH it has 79.5% lightness, 0.129 chroma and a hue of 190°.

Looks the same on every screen.

White text on it reaches 1.8:1 contrast and black text 11.64:1, so black text reads better.

The closest named color is Turquoise Panic (#30d5c8). In Tailwind CSS the closest color is teal-400.

More light teal colors

Lighter: #2fd6cf mixed with white

  1. 2fd6cf
  2. 55dad4
  3. 6fdfd9
  4. 85e3dd
  5. 99e7e2
  6. acebe7
  7. bdf0ec
  8. cef4f0
  9. dff7f5
  10. effbfa

Darker: #2fd6cf mixed with black

  1. 2fd6cf
  2. 27bab4
  3. 209e99
  4. 19847f
  5. 126a67
  6. 0c524f
  7. 063b38
  8. 032523
  9. 011010
  10. 000202

Calmer: #2fd6cf with less saturation

  1. 2fd6cf
  2. 4dd4cd
  3. 61d1cb
  4. 71cfc9
  5. 7fccc7
  6. 8bcac5
  7. 96c7c4
  8. a1c4c2
  9. aac2c0
  10. b3bfbe