#7D696F

#7D696F

Color Values

HEX

#7D696F

RGB

125, 105, 111

HSL

342.0, 8.7%, 45.1%

HSV

342.0, 16.0%, 49.0%

CMYK

0.0%, 16.0%, 11.2%, 51.0%

OKLCH

0.5419 0.0268 358.0

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#7D696F

#697D77

Analogous

#7D6979

#7D6D69

#7D696F

Triadic

#7D696F

#6F7D69

#696F7D

Split Complementary

#7D696F

#697D6D

#69797D

Tetradic

#7D696F

#797D69

#697D77

#6D697D

Color Blindness Simulation

Original

#7D696F

Protanopia

#74746E

Deuteranopia

#76776D

Tritanopia

#7C6C6C

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED8DA
300
#C7BCC0
400
#A9989D
500
#8B747B
600
#6F5D62
700
#594B4F
800
#453A3E
900
#342D2F
950
#211C1E

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026