#64757C

#64757C

Color Values

HEX

#64757C

RGB

100, 117, 124

HSL

197.5, 10.7%, 43.9%

HSV

197.5, 19.4%, 48.6%

CMYK

19.4%, 5.6%, 0.0%, 51.4%

OKLCH

0.5509 0.023 224.6

Properties

Cool Dark Nearest: lightblue 4

Color Harmonies

Complementary

#64757C

#7C6B64

Analogous

#647C77

#64697C

#64757C

Triadic

#64757C

#7C6475

#757C64

Split Complementary

#64757C

#7C6469

#7C7764

Tetradic

#64757C

#77647C

#7C6B64

#697C64

Color Blindness Simulation

Original

#64757C

Protanopia

#6B6C7A

Deuteranopia

#6A697A

Tritanopia

#657979

Achromatopsia

#727272

CSS Usage

background-color: #64757C;
color: #64757C;
border-color: #64757C;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D7DDDF
300
#BBC5C8
400
#97A5AB
500
#72858D
600
#5B6B71
700
#49555A
800
#394347
900
#2C3235
950
#1C2022

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail AAA Fail

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