#827263

#827263

Color Values

HEX

#827263

RGB

130, 114, 99

HSL

29.0, 13.5%, 44.9%

HSV

29.0, 23.8%, 51.0%

CMYK

0.0%, 12.3%, 23.8%, 49.0%

OKLCH

0.5627 0.0301 65.3

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#827263

#637382

Analogous

#826364

#828163

#827263

Triadic

#827263

#638272

#726382

Split Complementary

#827263

#638281

#636482

Tetradic

#827263

#648263

#637382

#816382

Color Blindness Simulation

Original

#827263

Protanopia

#7B7B67

Deuteranopia

#7C7D68

Tritanopia

#81696A

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DBD6
300
#CAC2BA
400
#ADA094
500
#917F6E
600
#746658
700
#5D5147
800
#483F37
900
#36302B
950
#221E1B

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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