#8F9322

#8F9322

Color Values

HEX

#8F9322

RGB

143, 147, 34

HSL

62.1, 62.4%, 35.5%

HSV

62.1, 76.9%, 57.6%

CMYK

2.7%, 0.0%, 76.9%, 42.4%

OKLCH

0.6397 0.1295 111.6

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#8F9322

#262293

Analogous

#935E22

#579322

#8F9322

Triadic

#8F9322

#228F93

#93228F

Split Complementary

#8F9322

#225793

#5E2293

Tetradic

#8F9322

#22935E

#262293

#932257

Color Blindness Simulation

Original

#8F9322

Protanopia

#91913D

Deuteranopia

#909044

Tritanopia

#8F5358

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#F0F2C5
300
#E5E89C
400
#D7DC66
500
#C9CF30
600
#A1A626
700
#81851F
800
#656818
900
#4A4C15
950
#2F300D

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.36:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026