#837C18

#837C18

Color Values

HEX

#837C18

RGB

131, 124, 24

HSL

56.1, 69.0%, 30.4%

HSV

56.1, 81.7%, 51.4%

CMYK

0.0%, 5.3%, 81.7%, 48.6%

OKLCH

0.575 0.1141 105.2

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#837C18

#181F83

Analogous

#834718

#548318

#837C18

Triadic

#837C18

#18837C

#7C1883

Split Complementary

#837C18

#185483

#471883

Tetradic

#837C18

#188347

#181F83

#831854

Color Blindness Simulation

Original

#837C18

Protanopia

#808030

Deuteranopia

#808136

Tritanopia

#834348

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F6E3
200
#F4F1C3
300
#ECE798
400
#E2D960
500
#D7CC28
600
#ACA320
700
#8A8319
800
#6C6614
900
#4F4B12
950
#322F0C

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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