#828837

#828837

Color Values

HEX

#828837

RGB

130, 136, 55

HSL

64.4, 42.4%, 37.5%

HSV

64.4, 59.6%, 53.3%

CMYK

4.4%, 0.0%, 59.6%, 46.7%

OKLCH

0.6046 0.1048 113.0

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#828837

#3D3788

Analogous

#886637

#5A8837

#828837

Triadic

#828837

#378288

#883782

Split Complementary

#828837

#375A88

#663788

Tetradic

#828837

#378866

#3D3788

#88375A

Color Blindness Simulation

Original

#828837

Protanopia

#85854B

Deuteranopia

#84844F

Tritanopia

#825A5D

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F4E7
200
#E8EACC
300
#D8DCA8
400
#C3C979
500
#AEB649
600
#8B913B
700
#6F742F
800
#575B25
900
#40431E
950
#292A13

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