#66DCD0

#66DCD0

Color Values

HEX

#66DCD0

RGB

102, 220, 208

HSL

173.9, 62.8%, 63.1%

HSV

173.9, 53.6%, 86.3%

CMYK

53.6%, 0.0%, 5.5%, 13.7%

OKLCH

0.8233 0.1082 186.4

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#66DCD0

#DC6672

Analogous

#66DC95

#66ADDC

#66DCD0

Triadic

#66DCD0

#D066DC

#DCD066

Split Complementary

#66DCD0

#DC66AD

#DC9566

Tetradic

#66DCD0

#9566DC

#DC6672

#ADDC66

Color Blindness Simulation

Original

#66DCD0

Protanopia

#999AD3

Deuteranopia

#9289D4

Tritanopia

#6CD5D6

Achromatopsia

#C2C2C2

CSS Usage

background-color: #66DCD0;
color: #66DCD0;
border-color: #66DCD0;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F3FBFB
100
#E4F7F5
200
#C5F2ED
300
#9BE8E0
400
#65DCD0
500
#2FD0BF
600
#26A699
700
#1E857A
800
#186860
900
#154C46
950
#0D302C

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026