#64AB97

#64AB97

Color Values

HEX

#64AB97

RGB

100, 171, 151

HSL

163.1, 29.7%, 53.1%

HSV

163.1, 41.5%, 67.1%

CMYK

41.5%, 0.0%, 11.7%, 32.9%

OKLCH

0.6885 0.0782 173.8

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#64AB97

#AB6478

Analogous

#64AB73

#649BAB

#64AB97

Triadic

#64AB97

#9764AB

#AB9764

Split Complementary

#64AB97

#AB649B

#AB7364

Tetradic

#64AB97

#7364AB

#AB6478

#9BAB64

Color Blindness Simulation

Original

#64AB97

Protanopia

#83839C

Deuteranopia

#7F799D

Tritanopia

#68A0A0

Achromatopsia

#9A9A9A

CSS Usage

background-color: #64AB97;
color: #64AB97;
border-color: #64AB97;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F8
100
#E9F2EF
200
#D1E6E0
300
#B0D4CA
400
#85BDAD
500
#5AA590
600
#488473
700
#396A5C
800
#2D5348
900
#233D36
950
#162722

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.81:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026