#64ECA9

#64ECA9

Color Values

HEX

#64ECA9

RGB

100, 236, 169

HSL

150.4, 78.2%, 65.9%

HSV

150.4, 57.6%, 92.5%

CMYK

57.6%, 0.0%, 28.4%, 7.5%

OKLCH

0.8504 0.1532 159.0

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#64ECA9

#EC64A7

Analogous

#64EC65

#64EBEC

#64ECA9

Triadic

#64ECA9

#A964EC

#ECA964

Split Complementary

#64ECA9

#EC64EB

#EC6564

Tetradic

#64ECA9

#6564EC

#EC64A7

#EBEC64

Color Blindness Simulation

Original

#64ECA9

Protanopia

#9FA0B9

Deuteranopia

#978DBD

Tritanopia

#6BC6C9

Achromatopsia

#CACACA

CSS Usage

background-color: #64ECA9;
color: #64ECA9;
border-color: #64ECA9;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F2FCF7
100
#E1F9ED
200
#BFF7DC
300
#92F2C2
400
#57EAA2
500
#1CE381
600
#16B667
700
#129152
800
#0E7240
900
#0E5331
950
#09341F

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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