#4CF6DC

#4CF6DC

Color Values

HEX

#4CF6DC

RGB

76, 246, 220

HSL

170.8, 90.4%, 63.1%

HSV

170.8, 69.1%, 96.5%

CMYK

69.1%, 0.0%, 10.6%, 3.5%

OKLCH

0.8811 0.1417 180.4

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#4CF6DC

#F64C66

Analogous

#4CF687

#4CBBF6

#4CF6DC

Triadic

#4CF6DC

#DC4CF6

#F6DC4C

Split Complementary

#4CF6DC

#F64CBB

#F6874C

Tetradic

#4CF6DC

#874CF6

#F64C66

#BBF64C

Color Blindness Simulation

Original

#4CF6DC

Protanopia

#9697E2

Deuteranopia

#8C7FE4

Tritanopia

#54E7E8

Achromatopsia

#D0D0D0

CSS Usage

background-color: #4CF6DC;
color: #4CF6DC;
border-color: #4CF6DC;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FDFB
100
#DFFBF7
200
#BBFCF2
300
#8AF9E8
400
#4BF6DC
500
#0CF3CF
600
#0AC2A6
700
#089B85
800
#067968
900
#09584C
950
#063730

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.52: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