#64FBF2

#64FBF2

Color Values

HEX

#64FBF2

RGB

100, 251, 242

HSL

176.4, 95.0%, 68.8%

HSV

176.4, 60.2%, 98.4%

CMYK

60.2%, 0.0%, 3.6%, 1.6%

OKLCH

0.9054 0.1282 189.6

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#64FBF2

#FB646D

Analogous

#64FBA6

#64B9FB

#64FBF2

Triadic

#64FBF2

#F264FB

#FBF264

Split Complementary

#64FBF2

#FB64B9

#FBA664

Tetradic

#64FBF2

#A664FB

#FB646D

#B9FB64

Color Blindness Simulation

Original

#64FBF2

Protanopia

#A5A7F4

Deuteranopia

#9D91F5

Tritanopia

#6CF6F6

Achromatopsia

#DADADA

CSS Usage

background-color: #64FBF2;
color: #64FBF2;
border-color: #64FBF2;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFD
100
#DFFCFA
200
#B9FDF9
300
#88FCF5
400
#47FAF0
500
#06F9EA
600
#05C7BB
700
#049F96
800
#037C75
900
#075A55
950
#043936

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.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