#2CCFD3

#2CCFD3

Color Values

HEX

#2CCFD3

RGB

44, 207, 211

HSL

181.4, 65.5%, 50.0%

HSV

181.4, 79.1%, 82.7%

CMYK

79.1%, 1.9%, 0.0%, 17.3%

OKLCH

0.7787 0.125 197.5

Properties

Cool Light Nearest: darkturquoise

Color Harmonies

Complementary

#2CCFD3

#D3302C

Analogous

#2CD383

#2C7CD3

#2CCFD3

Triadic

#2CCFD3

#D32CCF

#CFD32C

Split Complementary

#2CCFD3

#D32C7C

#D3832C

Tetradic

#2CCFD3

#832CD3

#D3302C

#7CD32C

Color Blindness Simulation

Original

#2CCFD3

Protanopia

#7374D2

Deuteranopia

#695DD2

Tritanopia

#34D1D1

Achromatopsia

#ADADAD

CSS Usage

background-color: #2CCFD3;
color: #2CCFD3;
border-color: #2CCFD3;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E3F7F7
200
#C4F2F3
300
#9AE8EA
400
#63DCDE
500
#2CCFD3
600
#23A6A9
700
#1C8587
800
#16686A
900
#144C4D
950
#0D3031

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

10.97:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026