#76687C

#76687C

Color Values

HEX

#76687C

RGB

118, 104, 124

HSL

282.0, 8.8%, 44.7%

HSV

282.0, 16.1%, 48.6%

CMYK

4.8%, 16.1%, 0.0%, 51.4%

OKLCH

0.5374 0.035 315.8

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#76687C

#6E7C68

Analogous

#6C687C

#7C6878

#76687C

Triadic

#76687C

#7C7668

#687C76

Split Complementary

#76687C

#787C68

#687C6C

Tetradic

#76687C

#7C6C68

#6E7C68

#68787C

Color Blindness Simulation

Original

#76687C

Protanopia

#707077

Deuteranopia

#717276

Tritanopia

#757372

Achromatopsia

#6C6C6C

CSS Usage

background-color: #76687C;
color: #76687C;
border-color: #76687C;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDD8DE
300
#C4BCC7
400
#A498A9
500
#84748B
600
#6A5D6F
700
#544A59
800
#423A45
900
#322D34
950
#201C21

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

4.04:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026