#677573

#677573

Color Values

HEX

#677573

RGB

103, 117, 115

HSL

171.4, 6.4%, 43.1%

HSV

171.4, 12.0%, 45.9%

CMYK

12.0%, 0.0%, 1.7%, 54.1%

OKLCH

0.5501 0.017 186.3

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#677573

#756769

Analogous

#67756C

#677075

#677573

Triadic

#677573

#736775

#757367

Split Complementary

#677573

#756770

#756C67

Tetradic

#677573

#6C6775

#756769

#707567

Color Blindness Simulation

Original

#677573

Protanopia

#6D6D73

Deuteranopia

#6C6B74

Tritanopia

#687474

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DEDD
300
#BEC6C5
400
#9BA7A5
500
#778885
600
#5F6D6B
700
#4C5755
800
#3C4443
900
#2E3332
950
#1D2020

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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