#828836

#828836

Color Values

HEX

#828836

RGB

130, 136, 54

HSL

64.4, 43.2%, 37.3%

HSV

64.4, 60.3%, 53.3%

CMYK

4.4%, 0.0%, 60.3%, 46.7%

OKLCH

0.6045 0.1058 113.0

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#828836

#3C3688

Analogous

#886536

#598836

#828836

Triadic

#828836

#368288

#883682

Split Complementary

#828836

#365988

#653688

Tetradic

#828836

#368865

#3C3688

#883659

Color Blindness Simulation

Original

#828836

Protanopia

#85854A

Deuteranopia

#84844F

Tritanopia

#825A5D

Achromatopsia

#818181

CSS Usage

background-color: #828836;
color: #828836;
border-color: #828836;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFAF5
100
#F3F4E7
200
#E8EBCC
300
#D8DCA7
400
#C3C978
500
#AFB748
600
#8C923A
700
#70752E
800
#575B24
900
#41431E
950
#292A13

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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