#2CD2D7

#2CD2D7

Color Values

HEX

#2CD2D7

RGB

44, 210, 215

HSL

181.8, 68.1%, 50.8%

HSV

181.8, 79.5%, 84.3%

CMYK

79.5%, 2.3%, 0.0%, 15.7%

OKLCH

0.7874 0.1265 198.1

Properties

Cool Light Nearest: darkturquoise

Color Harmonies

Complementary

#2CD2D7

#D7312C

Analogous

#2CD787

#2C7CD7

#2CD2D7

Triadic

#2CD2D7

#D72CD2

#D2D72C

Split Complementary

#2CD2D7

#D72C7C

#D7872C

Tetradic

#2CD2D7

#872CD7

#D7312C

#7CD72C

Color Blindness Simulation

Original

#2CD2D7

Protanopia

#7475D6

Deuteranopia

#6A5ED6

Tritanopia

#34D5D5

Achromatopsia

#AFAFAF

CSS Usage

background-color: #2CD2D7;
color: #2CD2D7;
border-color: #2CD2D7;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F2F4
300
#98E9EB
400
#60DDE1
500
#29D1D6
600
#21A7AB
700
#1A8689
800
#14696B
900
#134C4E
950
#0C3031

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026