#828554

#828554

Color Values

HEX

#828554

RGB

130, 133, 84

HSL

63.7, 22.6%, 42.5%

HSV

63.7, 36.8%, 52.2%

CMYK

2.3%, 0.0%, 36.8%, 47.8%

OKLCH

0.6019 0.0689 111.3

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#828554

#575485

Analogous

#856F54

#698554

#828554

Triadic

#828554

#548285

#855482

Split Complementary

#828554

#546985

#6F5485

Tetradic

#828554

#54856F

#575485

#855469

Color Blindness Simulation

Original

#828554

Protanopia

#838360

Deuteranopia

#838363

Tritanopia

#82696B

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F1EA
200
#E2E3D3
300
#CED0B4
400
#B3B68B
500
#999C63
600
#7A7D4F
700
#62643F
800
#4C4E31
900
#393A27
950
#242518

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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