#7F695B

#7F695B

Color Values

HEX

#7F695B

RGB

127, 105, 91

HSL

23.3, 16.5%, 42.7%

HSV

23.3, 28.3%, 49.8%

CMYK

0.0%, 17.3%, 28.3%, 50.2%

OKLCH

0.5381 0.0353 54.3

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#7F695B

#5B717F

Analogous

#7F5B5F

#7F7B5B

#7F695B

Triadic

#7F695B

#5B7F69

#695B7F

Split Complementary

#7F695B

#5B7F7B

#5B5F7F

Tetradic

#7F695B

#5F7F5B

#5B717F

#7B5B7F

Color Blindness Simulation

Original

#7F695B

Protanopia

#75755E

Deuteranopia

#77785F

Tritanopia

#7E6162

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0EDEB
200
#E1DAD5
300
#CCC0B8
400
#B09D91
500
#957B6A
600
#776255
700
#5F4F44
800
#4A3D35
900
#382F29
950
#231E1A

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail 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