#848834

#848834

Color Values

HEX

#848834

RGB

132, 136, 52

HSL

62.9, 44.7%, 36.9%

HSV

62.9, 61.8%, 53.3%

CMYK

2.9%, 0.0%, 61.8%, 46.7%

OKLCH

0.606 0.1071 111.7

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#848834

#383488

Analogous

#886234

#5A8834

#848834

Triadic

#848834

#348488

#883484

Split Complementary

#848834

#345A88

#623488

Tetradic

#848834

#348862

#383488

#88345A

Color Blindness Simulation

Original

#848834

Protanopia

#868648

Deuteranopia

#86854D

Tritanopia

#84585C

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAEBCB
300
#DBDDA6
400
#C7CB76
500
#B3B847
600
#8F9438
700
#73762D
800
#595C23
900
#42441D
950
#2A2B12

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

5.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026