#767C77

#767C77

Color Values

HEX

#767C77

RGB

118, 124, 119

HSL

130.0, 2.5%, 47.5%

HSV

130.0, 4.8%, 48.6%

CMYK

4.8%, 0.0%, 4.0%, 51.4%

OKLCH

0.5797 0.0104 150.6

Properties

Cool Light Nearest: RAL 7037 Dusty Grey

Color Harmonies

Complementary

#767C77

#7C767B

Analogous

#787C76

#767C7A

#767C77

Triadic

#767C77

#77767C

#7C7776

Split Complementary

#767C77

#7A767C

#7C7678

Tetradic

#767C77

#76787C

#7C767B

#7C7A76

Color Blindness Simulation

Original

#767C77

Protanopia

#797978

Deuteranopia

#787878

Tritanopia

#767979

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DADCDB
300
#C0C3C1
400
#9EA39F
500
#7C837D
600
#636964
700
#505450
800
#3E413F
900
#2F3230
950
#1E1F1E

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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