#828066

#828066

Color Values

HEX

#828066

RGB

130, 128, 102

HSL

55.7, 12.1%, 45.5%

HSV

55.7, 21.5%, 51.0%

CMYK

0.0%, 1.5%, 21.5%, 49.0%

OKLCH

0.5944 0.0379 103.8

Properties

Warm Light Nearest: wheat 4

Color Harmonies

Complementary

#828066

#666882

Analogous

#827266

#768266

#828066

Triadic

#828066

#668280

#806682

Split Complementary

#828066

#667682

#726682

Tetradic

#828066

#668272

#666882

#826676

Color Blindness Simulation

Original

#828066

Protanopia

#81816C

Deuteranopia

#81816E

Tritanopia

#827172

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#E0DFD7
300
#C9C8BA
400
#ACAA95
500
#8F8D70
600
#72715A
700
#5B5A48
800
#474638
900
#36352B
950
#22211B

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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