#8F9027

#8F9027

Color Values

HEX

#8F9027

RGB

143, 144, 39

HSL

60.6, 57.4%, 35.9%

HSV

60.6, 72.9%, 56.5%

CMYK

0.7%, 0.0%, 72.9%, 43.5%

OKLCH

0.6331 0.1234 110.0

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#8F9027

#282790

Analogous

#905D27

#5A9027

#8F9027

Triadic

#8F9027

#278F90

#90278F

Split Complementary

#8F9027

#275A90

#5D2790

Tetradic

#8F9027

#27905D

#282790

#90275A

Color Blindness Simulation

Original

#8F9027

Protanopia

#8F8F40

Deuteranopia

#8F8F46

Tritanopia

#8F5459

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#EFF0C7
300
#E4E59F
400
#D6D76A
500
#C7C936
600
#9FA12B
700
#808023
800
#64641B
900
#494917
950
#2E2E0F

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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