#8F9342

#8F9342

Color Values

HEX

#8F9342

RGB

143, 147, 66

HSL

63.0, 38.0%, 41.8%

HSV

63.0, 55.1%, 57.6%

CMYK

2.7%, 0.0%, 55.1%, 42.4%

OKLCH

0.6426 0.1048 111.6

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#8F9342

#464293

Analogous

#936F42

#679342

#8F9342

Triadic

#8F9342

#428F93

#93428F

Split Complementary

#8F9342

#426793

#6F4293

Tetradic

#8F9342

#42936F

#464293

#934267

Color Blindness Simulation

Original

#8F9342

Protanopia

#919156

Deuteranopia

#90905A

Tritanopia

#8F6568

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F2F3E7
200
#E8E9CE
300
#D7D9AB
400
#C1C57D
500
#ABB04F
600
#898D3F
700
#6E7133
800
#565828
900
#3F4120
950
#282914

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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