#828838

#828838

Color Values

HEX

#828838

RGB

130, 136, 56

HSL

64.5, 41.7%, 37.6%

HSV

64.5, 58.8%, 53.3%

CMYK

4.4%, 0.0%, 58.8%, 46.7%

OKLCH

0.6047 0.1039 113.1

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#828838

#3E3888

Analogous

#886638

#5A8838

#828838

Triadic

#828838

#388288

#883882

Split Complementary

#828838

#385A88

#663888

Tetradic

#828838

#388866

#3E3888

#88385A

Color Blindness Simulation

Original

#828838

Protanopia

#85854B

Deuteranopia

#848450

Tritanopia

#825B5E

Achromatopsia

#818181

CSS Usage

background-color: #828838;
color: #828838;
border-color: #828838;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E8EACC
300
#D7DBA8
400
#C2C879
500
#ADB54A
600
#8A913B
700
#6F7430
800
#565A25
900
#40431E
950
#282A13

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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