#827554

#827554

Color Values

HEX

#827554

RGB

130, 117, 84

HSL

43.0, 21.5%, 42.0%

HSV

43.0, 35.4%, 51.0%

CMYK

0.0%, 10.0%, 35.4%, 49.0%

OKLCH

0.5657 0.0501 89.0

Properties

Warm Light Nearest: Shadow

Color Harmonies

Complementary

#827554

#546182

Analogous

#825E54

#788254

#827554

Triadic

#827554

#548275

#755482

Split Complementary

#827554

#547882

#5E5482

Tetradic

#827554

#54825E

#546182

#825478

Color Blindness Simulation

Original

#827554

Protanopia

#7C7C5C

Deuteranopia

#7D7E5E

Tritanopia

#816264

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E3DFD4
300
#CFC8B5
400
#B5A98C
500
#9B8B64
600
#7C7050
700
#635940
800
#4D4632
900
#3A3527
950
#252119

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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