#66CDC4

#66CDC4

Color Values

HEX

#66CDC4

RGB

102, 205, 196

HSL

174.8, 50.7%, 60.2%

HSV

174.8, 50.2%, 80.4%

CMYK

50.2%, 0.0%, 4.4%, 19.6%

OKLCH

0.7843 0.0972 187.8

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#66CDC4

#CD666F

Analogous

#66CD91

#66A2CD

#66CDC4

Triadic

#66CDC4

#C466CD

#CDC466

Split Complementary

#66CDC4

#CD66A2

#CD9166

Tetradic

#66CDC4

#9166CD

#CD666F

#A2CD66

Color Blindness Simulation

Original

#66CDC4

Protanopia

#9393C6

Deuteranopia

#8D85C7

Tritanopia

#6BC8C8

Achromatopsia

#B6B6B6

CSS Usage

background-color: #66CDC4;
color: #66CDC4;
border-color: #66CDC4;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EDEA
300
#A3E1DB
400
#71D0C8
500
#3FC0B5
600
#329A91
700
#287B74
800
#1F605A
900
#1A4743
950
#112D2A

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026