#66BA72

#66BA72

Color Values

HEX

#66BA72

RGB

102, 186, 114

HSL

128.6, 37.8%, 56.5%

HSV

128.6, 45.2%, 72.9%

CMYK

45.2%, 0.0%, 38.7%, 27.1%

OKLCH

0.7174 0.1322 147.3

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#66BA72

#BA66AE

Analogous

#84BA66

#66BA9C

#66BA72

Triadic

#66BA72

#7266BA

#BA7266

Split Complementary

#66BA72

#9C66BA

#BA6684

Tetradic

#66BA72

#6684BA

#BA66AE

#BA9C66

Color Blindness Simulation

Original

#66BA72

Protanopia

#8A8B83

Deuteranopia

#867F88

Tritanopia

#6A9194

Achromatopsia

#A3A3A3

CSS Usage

background-color: #66BA72;
color: #66BA72;
border-color: #66BA72;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF6
100
#E7F3E9
200
#CEE9D2
300
#ABD9B1
400
#7DC487
500
#4FB05D
600
#3F8D4A
700
#33703C
800
#28582F
900
#204125
950
#142917

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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