#767476

#767476

Color Values

HEX

#767476

RGB

118, 116, 118

HSL

300.0, 0.9%, 45.9%

HSV

300.0, 1.7%, 46.3%

CMYK

0.0%, 1.7%, 0.0%, 53.7%

OKLCH

0.5614 0.0039 325.6

Properties

Warm Dark Nearest: grey

Color Harmonies

Complementary

#767476

#747674

Analogous

#757476

#767475

#767476

Triadic

#767476

#767674

#747676

Split Complementary

#767476

#757674

#747675

Tetradic

#767476

#767574

#747674

#747576

Color Blindness Simulation

Original

#767476

Protanopia

#757576

Deuteranopia

#757575

Tritanopia

#767575

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDC
300
#C2C1C2
400
#A1A0A1
500
#817E81
600
#676567
700
#525152
800
#403F40
900
#313031
950
#1F1E1F

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026