#677273

#677273

Color Values

HEX

#677273

RGB

103, 114, 115

HSL

185.0, 5.5%, 42.7%

HSV

185.0, 10.4%, 45.1%

CMYK

10.4%, 0.9%, 0.0%, 54.9%

OKLCH

0.5432 0.0134 203.4

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#677273

#736867

Analogous

#67736E

#676C73

#677273

Triadic

#677273

#736772

#727367

Split Complementary

#677273

#73676C

#736E67

Tetradic

#677273

#6E6773

#736867

#6C7367

Color Blindness Simulation

Original

#677273

Protanopia

#6C6C73

Deuteranopia

#6B6A73

Tritanopia

#687373

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DDDD
300
#BEC5C5
400
#9BA5A6
500
#788587
600
#606B6C
700
#4D5556
800
#3C4343
900
#2E3233
950
#1D2020

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

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