#657476

#657476

Color Values

HEX

#657476

RGB

101, 116, 118

HSL

187.1, 7.8%, 42.9%

HSV

187.1, 14.4%, 46.3%

CMYK

14.4%, 1.7%, 0.0%, 53.7%

OKLCH

0.5473 0.0182 206.4

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#657476

#766765

Analogous

#65766F

#656B76

#657476

Triadic

#657476

#766574

#747665

Split Complementary

#657476

#76656B

#766F65

Tetradic

#657476

#6F6576

#766765

#6B7665

Color Blindness Simulation

Original

#657476

Protanopia

#6B6C76

Deuteranopia

#6B6975

Tritanopia

#667575

Achromatopsia

#717171

CSS Usage

background-color: #657476;
color: #657476;
border-color: #657476;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DDDE
300
#BDC5C7
400
#99A6A8
500
#768789
600
#5E6C6E
700
#4B5658
800
#3B4445
900
#2D3334
950
#1C2021

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31: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