#676576

#676576

Color Values

HEX

#676576

RGB

103, 101, 118

HSL

247.1, 7.8%, 42.9%

HSV

247.1, 14.4%, 46.3%

CMYK

12.7%, 14.4%, 0.0%, 53.7%

OKLCH

0.5146 0.0267 290.8

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#676576

#747665

Analogous

#656B76

#6F6576

#676576

Triadic

#676576

#766765

#657667

Split Complementary

#676576

#766F65

#6B7665

Tetradic

#676576

#76656B

#747665

#65766F

Color Blindness Simulation

Original

#676576

Protanopia

#666672

Deuteranopia

#666671

Tritanopia

#676F6E

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D9D9DE
300
#BEBDC7
400
#9B99A8
500
#787689
600
#605E6E
700
#4D4B58
800
#3C3B45
900
#2E2D34
950
#1D1C21

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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