#848228

#848228

Color Values

HEX

#848228

RGB

132, 130, 40

HSL

58.7, 53.5%, 33.7%

HSV

58.7, 69.7%, 51.8%

CMYK

0.0%, 1.5%, 69.7%, 48.2%

OKLCH

0.5909 0.11 108.1

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#848228

#282A84

Analogous

#845428

#588428

#848228

Triadic

#848228

#288482

#822884

Split Complementary

#848228

#285884

#542884

Tetradic

#848228

#288454

#282A84

#842858

Color Blindness Simulation

Original

#848228

Protanopia

#83833E

Deuteranopia

#838343

Tritanopia

#844F53

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EEEEC8
300
#E3E1A1
400
#D3D16E
500
#C4C13B
600
#9D9A2F
700
#7D7B26
800
#62601E
900
#484719
950
#2D2D10

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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