#66CC92

#66CC92

Color Values

HEX

#66CC92

RGB

102, 204, 146

HSL

145.9, 50.0%, 60.0%

HSV

145.9, 50.0%, 80.0%

CMYK

50.0%, 0.0%, 28.4%, 20.0%

OKLCH

0.7684 0.128 156.6

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#66CC92

#CC66A0

Analogous

#6DCC66

#66CCC5

#66CC92

Triadic

#66CC92

#9266CC

#CC9266

Split Complementary

#66CC92

#C566CC

#CC666D

Tetradic

#66CC92

#666DCC

#CC66A0

#CCC566

Color Blindness Simulation

Original

#66CC92

Protanopia

#9293A0

Deuteranopia

#8C85A3

Tritanopia

#6BABAE

Achromatopsia

#B2B2B2

CSS Usage

background-color: #66CC92;
color: #66CC92;
border-color: #66CC92;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F4FBF7
100
#E6F5EC
200
#C9EDD9
300
#A3E0BE
400
#71D09A
500
#40BF77
600
#33995F
700
#297A4C
800
#20603B
900
#1B462D
950
#112C1D

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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