#848434

#848434

Color Values

HEX

#848434

RGB

132, 132, 52

HSL

60.0, 43.5%, 36.1%

HSV

60.0, 60.6%, 51.8%

CMYK

0.0%, 0.0%, 60.6%, 48.2%

OKLCH

0.5967 0.1024 109.1

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#848434

#343484

Analogous

#845C34

#5C8434

#848434

Triadic

#848434

#348484

#843484

Split Complementary

#848434

#345C84

#5C3484

Tetradic

#848434

#34845C

#343484

#84345C

Color Blindness Simulation

Original

#848434

Protanopia

#848447

Deuteranopia

#84844C

Tritanopia

#84575A

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F4E7
200
#EBEBCC
300
#DCDCA7
400
#CACA78
500
#B7B748
600
#92923A
700
#75752E
800
#5B5B24
900
#43431D
950
#2B2B13

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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