#4CD4E3

#4CD4E3

Color Values

HEX

#4CD4E3

RGB

76, 212, 227

HSL

186.0, 72.9%, 59.4%

HSV

186.0, 66.5%, 89.0%

CMYK

66.5%, 6.6%, 0.0%, 11.0%

OKLCH

0.803 0.1168 205.6

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#4CD4E3

#E35B4C

Analogous

#4CE3A7

#4C88E3

#4CD4E3

Triadic

#4CD4E3

#E34CD4

#D4E34C

Split Complementary

#4CD4E3

#E34C88

#E3A74C

Tetradic

#4CD4E3

#A74CE3

#E35B4C

#88E34C

Color Blindness Simulation

Original

#4CD4E3

Protanopia

#8788DF

Deuteranopia

#7F75DE

Tritanopia

#53DDDC

Achromatopsia

#B8B8B8

CSS Usage

background-color: #4CD4E3;
color: #4CD4E3;
border-color: #4CD4E3;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E2F6F8
200
#C1F0F5
300
#95E5EE
400
#5CD8E5
500
#23CADC
600
#1CA1B0
700
#16818D
800
#11656E
900
#114A50
950
#0B2F33

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.83:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026