#7F7466

#7F7466

Color Values

HEX

#7F7466

RGB

127, 116, 102

HSL

33.6, 10.9%, 44.9%

HSV

33.6, 19.7%, 49.8%

CMYK

0.0%, 8.7%, 19.7%, 50.2%

OKLCH

0.5649 0.025 73.9

Properties

Warm Light Nearest: bisque 4

Color Harmonies

Complementary

#7F7466

#66717F

Analogous

#7F6866

#7D7F66

#7F7466

Triadic

#7F7466

#667F74

#74667F

Split Complementary

#7F7466

#667D7F

#68667F

Tetradic

#7F7466

#667F68

#66717F

#7F667D

Color Blindness Simulation

Original

#7F7466

Protanopia

#7A7A69

Deuteranopia

#7B7C6A

Tritanopia

#7E6C6D

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#DFDCD7
300
#C8C3BB
400
#ABA296
500
#8D8172
600
#71675B
700
#5A5349
800
#474139
900
#35312C
950
#221F1C

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

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