#66AD52

#66AD52

Color Values

HEX

#66AD52

RGB

102, 173, 82

HSL

106.8, 35.7%, 50.0%

HSV

106.8, 52.6%, 67.8%

CMYK

41.0%, 0.0%, 52.6%, 32.2%

OKLCH

0.6797 0.1446 139.2

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#66AD52

#9952AD

Analogous

#94AD52

#52AD6B

#66AD52

Triadic

#66AD52

#5266AD

#AD5266

Split Complementary

#66AD52

#6B52AD

#AD5294

Tetradic

#66AD52

#5294AD

#9952AD

#AD6B52

Color Blindness Simulation

Original

#66AD52

Protanopia

#858568

Deuteranopia

#817B6D

Tritanopia

#6A797D

Achromatopsia

#979797

CSS Usage

background-color: #66AD52;
color: #66AD52;
border-color: #66AD52;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F6FAF5
100
#EAF3E8
200
#D4E8CF
300
#B6D8AC
400
#8EC27F
500
#66AD52
600
#528A42
700
#416F34
800
#335729
900
#284021
950
#192815

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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