#767566

#767566

Color Values

HEX

#767566

RGB

118, 117, 102

HSL

56.2, 7.3%, 43.1%

HSV

56.2, 13.6%, 46.3%

CMYK

0.0%, 0.8%, 13.6%, 53.7%

OKLCH

0.5588 0.0225 104.0

Properties

Warm Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#767566

#666776

Analogous

#766D66

#6F7666

#767566

Triadic

#767566

#667675

#756676

Split Complementary

#767566

#666F76

#6D6676

Tetradic

#767566

#66766D

#666776

#76666F

Color Blindness Simulation

Original

#767566

Protanopia

#76766A

Deuteranopia

#76766A

Tritanopia

#766C6D

Achromatopsia

#747474

CSS Usage

background-color: #767566;
color: #767566;
border-color: #767566;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDED9
300
#C6C6BD
400
#A8A79A
500
#898876
600
#6D6D5F
700
#58574C
800
#44443B
900
#34332D
950
#21201D

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

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