#8F9411

#8F9411

Color Values

HEX

#8F9411

RGB

143, 148, 17

HSL

62.3, 79.4%, 32.4%

HSV

62.3, 88.5%, 58.0%

CMYK

3.4%, 0.0%, 88.5%, 42.0%

OKLCH

0.6412 0.1379 112.1

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#8F9411

#161194

Analogous

#945811

#4E9411

#8F9411

Triadic

#8F9411

#118F94

#94118F

Split Complementary

#8F9411

#114E94

#581194

Tetradic

#8F9411

#119458

#161194

#94114E

Color Blindness Simulation

Original

#8F9411

Protanopia

#919131

Deuteranopia

#919038

Tritanopia

#8F4A4F

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8F9E1
200
#F5F8BF
300
#EFF291
400
#E6EC56
500
#DDE51A
600
#B1B715
700
#8D9211
800
#6E720D
900
#50530E
950
#333409

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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