#64BA99

#64BA99

Color Values

HEX

#64BA99

RGB

100, 186, 153

HSL

157.0, 38.4%, 56.1%

HSV

157.0, 46.2%, 72.9%

CMYK

46.2%, 0.0%, 17.7%, 27.1%

OKLCH

0.7254 0.0976 166.7

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#64BA99

#BA6485

Analogous

#64BA6E

#64B0BA

#64BA99

Triadic

#64BA99

#9964BA

#BA9964

Split Complementary

#64BA99

#BA64B0

#BA6E64

Tetradic

#64BA99

#6E64BA

#BA6485

#B0BA64

Color Blindness Simulation

Original

#64BA99

Protanopia

#898AA1

Deuteranopia

#847EA3

Tritanopia

#68A7A9

Achromatopsia

#A5A5A5

CSS Usage

background-color: #64BA99;
color: #64BA99;
border-color: #64BA99;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CEE9DE
300
#AAD9C7
400
#7CC5A9
500
#4FB08B
600
#3F8D6F
700
#327159
800
#275845
900
#204134
950
#142921

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

9.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026