#8F9643

#8F9643

Color Values

HEX

#8F9643

RGB

143, 150, 67

HSL

65.1, 38.2%, 42.5%

HSV

65.1, 55.3%, 58.8%

CMYK

4.7%, 0.0%, 55.3%, 41.2%

OKLCH

0.6496 0.1075 113.4

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#8F9643

#4A4396

Analogous

#967343

#659643

#8F9643

Triadic

#8F9643

#438F96

#96438F

Split Complementary

#8F9643

#436596

#734396

Tetradic

#8F9643

#439673

#4A4396

#964365

Color Blindness Simulation

Original

#8F9643

Protanopia

#929257

Deuteranopia

#92915C

Tritanopia

#8F676A

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F3E7
200
#E7E9CE
300
#D5D9AA
400
#BFC57D
500
#A8B04F
600
#868D3F
700
#6B7132
800
#545827
900
#3E4120
950
#272914

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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