#826C72

#826C72

Color Values

HEX

#826C72

RGB

130, 108, 114

HSL

343.6, 9.2%, 46.7%

HSV

343.6, 16.9%, 51.0%

CMYK

0.0%, 16.9%, 12.3%, 49.0%

OKLCH

0.5543 0.0291 359.9

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#826C72

#6C827C

Analogous

#826C7D

#82716C

#826C72

Triadic

#826C72

#72826C

#6C7282

Split Complementary

#826C72

#6C8271

#6C7D82

Tetradic

#826C72

#7D826C

#6C827C

#716C82

Color Blindness Simulation

Original

#826C72

Protanopia

#787871

Deuteranopia

#7A7B70

Tritanopia

#816F6F

Achromatopsia

#717171

CSS Usage

background-color: #826C72;
color: #826C72;
border-color: #826C72;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DA
300
#C7BCBF
400
#A9989D
500
#8B747A
600
#6F5D62
700
#594A4E
800
#463A3D
900
#342C2F
950
#211C1D

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026