#64898D

#64898D

Color Values

HEX

#64898D

RGB

100, 137, 141

HSL

185.9, 17.0%, 47.3%

HSV

185.9, 29.1%, 55.3%

CMYK

29.1%, 2.8%, 0.0%, 44.7%

OKLCH

0.6039 0.0416 204.5

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#64898D

#8D6864

Analogous

#648D7D

#64758D

#64898D

Triadic

#64898D

#8D6489

#898D64

Split Complementary

#64898D

#8D6475

#8D7D64

Tetradic

#64898D

#7D648D

#8D6864

#758D64

Color Blindness Simulation

Original

#64898D

Protanopia

#74748C

Deuteranopia

#726F8C

Tritanopia

#668B8B

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5E0E1
300
#B7CACC
400
#91AEB1
500
#6A9195
600
#557477
700
#445D5F
800
#35484B
900
#293638
950
#1A2223

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.5:1

AA Pass AAA Fail

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