#848712

#848712

Color Values

HEX

#848712

RGB

132, 135, 18

HSL

61.5, 76.5%, 30.0%

HSV

61.5, 86.7%, 52.9%

CMYK

2.2%, 0.0%, 86.7%, 47.1%

OKLCH

0.6013 0.1274 111.3

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#848712

#151287

Analogous

#874F12

#4A8712

#848712

Triadic

#848712

#128487

#871284

Split Complementary

#848712

#124A87

#4F1287

Tetradic

#848712

#12874F

#151287

#87124A

Color Blindness Simulation

Original

#848712

Protanopia

#85852E

Deuteranopia

#858535

Tritanopia

#84454A

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F8F9E2
200
#F5F7C0
300
#EEF193
400
#E5E958
500
#DCE11E
600
#B0B418
700
#8D9013
800
#6E710F
900
#50520F
950
#33340A

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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