#858236

#858236

Color Values

HEX

#858236

RGB

133, 130, 54

HSL

57.7, 42.2%, 36.7%

HSV

57.7, 59.4%, 52.2%

CMYK

0.0%, 2.3%, 59.4%, 47.8%

OKLCH

0.5932 0.0981 106.9

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#858236

#363985

Analogous

#855B36

#618536

#858236

Triadic

#858236

#368582

#823685

Split Complementary

#858236

#366185

#5B3685

Tetradic

#858236

#36855B

#363985

#853661

Color Blindness Simulation

Original

#858236

Protanopia

#848448

Deuteranopia

#84844D

Tritanopia

#85575A

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F3E7
200
#EAE9CC
300
#DCDAA8
400
#C8C579
500
#B5B14A
600
#918E3B
700
#74712F
800
#5B5925
900
#43411E
950
#2A2913

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.24:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026