#64A96C

#64A96C

Color Values

HEX

#64A96C

RGB

100, 169, 108

HSL

127.0, 28.6%, 52.7%

HSV

127.0, 40.8%, 66.3%

CMYK

40.8%, 0.0%, 36.1%, 33.7%

OKLCH

0.673 0.1135 146.9

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#64A96C

#A964A1

Analogous

#7EA964

#64A98E

#64A96C

Triadic

#64A96C

#6C64A9

#A96C64

Split Complementary

#64A96C

#8E64A9

#A9647E

Tetradic

#64A96C

#647EA9

#A964A1

#A98E64

Color Blindness Simulation

Original

#64A96C

Protanopia

#82827B

Deuteranopia

#7E797E

Tritanopia

#678689

Achromatopsia

#969696

CSS Usage

background-color: #64A96C;
color: #64A96C;
border-color: #64A96C;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5F9F6
100
#E9F1EA
200
#D1E6D3
300
#B0D3B4
400
#86BC8C
500
#5BA464
600
#498350
700
#3A6940
800
#2E5232
900
#243D27
950
#172619

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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