#80695F

#80695F

Color Values

HEX

#80695F

RGB

128, 105, 95

HSL

18.2, 14.8%, 43.7%

HSV

18.2, 25.8%, 50.2%

CMYK

0.0%, 18.0%, 25.8%, 49.8%

OKLCH

0.5402 0.0333 44.8

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#80695F

#5F7680

Analogous

#805F65

#80795F

#80695F

Triadic

#80695F

#5F8069

#695F80

Split Complementary

#80695F

#5F8079

#5F6580

Tetradic

#80695F

#65805F

#5F7680

#795F80

Color Blindness Simulation

Original

#80695F

Protanopia

#767661

Deuteranopia

#777962

Tritanopia

#7F6364

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E1D9D6
300
#CBBEB9
400
#AF9B93
500
#92786D
600
#756057
700
#5E4D46
800
#493C36
900
#372E2A
950
#231D1B

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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