#676076

#676076

Color Values

HEX

#676076

RGB

103, 96, 118

HSL

259.1, 10.3%, 42.0%

HSV

259.1, 18.6%, 46.3%

CMYK

12.7%, 18.6%, 0.0%, 53.7%

OKLCH

0.5036 0.0354 299.7

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#676076

#6F7660

Analogous

#606476

#726076

#676076

Triadic

#676076

#766760

#607667

Split Complementary

#676076

#767260

#647660

Tetradic

#676076

#766064

#6F7660

#607672

Color Blindness Simulation

Original

#676076

Protanopia

#646471

Deuteranopia

#64656F

Tritanopia

#676C6C

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEF
200
#DAD8DF
300
#C0BBC8
400
#9D97AA
500
#7B728D
600
#625B71
700
#4F495A
800
#3D3946
900
#2F2C35
950
#1E1C21

Contrast Checker

Text on white

5.98:1

AA Pass AAA Fail

Text on black

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