#826C76

#826C76

Color Values

HEX

#826C76

RGB

130, 108, 118

HSL

332.7, 9.2%, 46.7%

HSV

332.7, 16.9%, 51.0%

CMYK

0.0%, 16.9%, 9.2%, 49.0%

OKLCH

0.5556 0.0313 349.0

Properties

Warm Dark Nearest: thistle 4

Color Harmonies

Complementary

#826C76

#6C8278

Analogous

#826C81

#826D6C

#826C76

Triadic

#826C76

#76826C

#6C7682

Split Complementary

#826C76

#6C826D

#6C8182

Tetradic

#826C76

#81826C

#6C8278

#6D6C82

Color Blindness Simulation

Original

#826C76

Protanopia

#787874

Deuteranopia

#7A7B73

Tritanopia

#817271

Achromatopsia

#717171

CSS Usage

background-color: #826C76;
color: #826C76;
border-color: #826C76;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DB
300
#C7BCC1
400
#A998A0
500
#8B747E
600
#6F5D65
700
#594A51
800
#463A3F
900
#342C30
950
#211C1E

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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