#826C77

#826C77

Color Values

HEX

#826C77

RGB

130, 108, 119

HSL

330.0, 9.2%, 46.7%

HSV

330.0, 16.9%, 51.0%

CMYK

0.0%, 16.9%, 8.5%, 49.0%

OKLCH

0.5559 0.032 346.6

Properties

Warm Dark Nearest: thistle 4

Color Harmonies

Complementary

#826C77

#6C8277

Analogous

#826C82

#826C6C

#826C77

Triadic

#826C77

#77826C

#6C7782

Split Complementary

#826C77

#6C826C

#6C8282

Tetradic

#826C77

#82826C

#6C8277

#6C6C82

Color Blindness Simulation

Original

#826C77

Protanopia

#787874

Deuteranopia

#7A7B74

Tritanopia

#817272

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DB
300
#C7BCC2
400
#A998A1
500
#8B7480
600
#6F5D66
700
#594A52
800
#463A40
900
#342C30
950
#211C1F

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