#66DBA3

#66DBA3

Color Values

HEX

#66DBA3

RGB

102, 219, 163

HSL

151.3, 61.9%, 62.9%

HSV

151.3, 53.4%, 85.9%

CMYK

53.4%, 0.0%, 25.6%, 14.1%

OKLCH

0.8087 0.1343 160.4

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#66DBA3

#DB669E

Analogous

#66DB68

#66D8DB

#66DBA3

Triadic

#66DBA3

#A366DB

#DBA366

Split Complementary

#66DBA3

#DB66D8

#DB6866

Tetradic

#66DBA3

#6866DB

#DB669E

#D8DB66

Color Blindness Simulation

Original

#66DBA3

Protanopia

#999AB1

Deuteranopia

#9289B4

Tritanopia

#6CBBBE

Achromatopsia

#BEBEBE

CSS Usage

background-color: #66DBA3;
color: #66DBA3;
border-color: #66DBA3;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FBF8
100
#E4F7EE
200
#C5F1DC
300
#9CE8C3
400
#66DBA3
500
#31CE83
600
#27A569
700
#1F8454
800
#186741
900
#154B32
950
#0E301F

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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