#66AB6C

#66AB6C

Color Values

HEX

#66AB6C

RGB

102, 171, 108

HSL

125.2, 29.1%, 53.5%

HSV

125.2, 40.4%, 67.1%

CMYK

40.4%, 0.0%, 36.8%, 32.9%

OKLCH

0.679 0.1154 146.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#66AB6C

#AB66A5

Analogous

#82AB66

#66AB8E

#66AB6C

Triadic

#66AB6C

#6C66AB

#AB6C66

Split Complementary

#66AB6C

#8E66AB

#AB6682

Tetradic

#66AB6C

#6682AB

#AB66A5

#AB8E66

Color Blindness Simulation

Original

#66AB6C

Protanopia

#84847B

Deuteranopia

#807B7F

Tritanopia

#69878A

Achromatopsia

#989898

CSS Usage

background-color: #66AB6C;
color: #66AB6C;
border-color: #66AB6C;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5F9F6
100
#E9F2EA
200
#D1E6D3
300
#B0D4B3
400
#85BC8A
500
#5AA561
600
#48844D
700
#3A693E
800
#2D5230
900
#243D26
950
#172718

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.61:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026