#64888D

#64888D

Color Values

HEX

#64888D

RGB

100, 136, 141

HSL

187.3, 17.0%, 47.3%

HSV

187.3, 29.1%, 55.3%

CMYK

29.1%, 3.5%, 0.0%, 44.7%

OKLCH

0.6016 0.0409 206.8

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#64888D

#8D6964

Analogous

#648D7E

#64748D

#64888D

Triadic

#64888D

#8D6488

#888D64

Split Complementary

#64888D

#8D6474

#8D7E64

Tetradic

#64888D

#7E648D

#8D6964

#748D64

Color Blindness Simulation

Original

#64888D

Protanopia

#74748C

Deuteranopia

#726F8C

Tritanopia

#668B8B

Achromatopsia

#818181

CSS Usage

background-color: #64888D;
color: #64888D;
border-color: #64888D;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5E0E1
300
#B7CACC
400
#91ADB1
500
#6A9095
600
#557377
700
#445C5F
800
#35484B
900
#293638
950
#1A2223

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass AAA Fail

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