#828866

#828866

Color Values

HEX

#828866

RGB

130, 136, 102

HSL

70.6, 14.3%, 46.7%

HSV

70.6, 25.0%, 53.3%

CMYK

4.4%, 0.0%, 25.0%, 46.7%

OKLCH

0.6125 0.0495 116.0

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#828866

#6C6688

Analogous

#887D66

#718866

#828866

Triadic

#828866

#668288

#886682

Split Complementary

#828866

#667188

#7D6688

Tetradic

#828866

#66887D

#6C6688

#886671

Color Blindness Simulation

Original

#828866

Protanopia

#85856E

Deuteranopia

#848470

Tritanopia

#827576

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#DFE0D6
300
#C7CBB9
400
#A9AE93
500
#8B926D
600
#6F7557
700
#595D46
800
#464937
900
#34372A
950
#21231B

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.66:1

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