#4CDBD5

#4CDBD5

Color Values

HEX

#4CDBD5

RGB

76, 219, 213

HSL

177.5, 66.5%, 57.8%

HSV

177.5, 65.3%, 85.9%

CMYK

65.3%, 0.0%, 2.7%, 14.1%

OKLCH

0.8147 0.1204 191.0

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#4CDBD5

#DB4C52

Analogous

#4CDB8D

#4C99DB

#4CDBD5

Triadic

#4CDBD5

#D54CDB

#DBD54C

Split Complementary

#4CDBD5

#DB4C99

#DB8D4C

Tetradic

#4CDBD5

#8D4CDB

#DB4C52

#99DB4C

Color Blindness Simulation

Original

#4CDBD5

Protanopia

#8A8BD6

Deuteranopia

#8277D7

Tritanopia

#53D8D8

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C4F3F1
300
#99EAE7
400
#62DFDA
500
#2BD4CD
600
#22AAA4
700
#1B8883
800
#156A67
900
#134D4B
950
#0C312F

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.4:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026