#8F8420

#8F8420

Color Values

HEX

#8F8420

RGB

143, 132, 32

HSL

54.1, 63.4%, 34.3%

HSV

54.1, 77.6%, 56.1%

CMYK

0.0%, 7.7%, 77.6%, 43.9%

OKLCH

0.6053 0.1159 102.8

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#8F8420

#202B8F

Analogous

#8F4D20

#628F20

#8F8420

Triadic

#8F8420

#208F84

#84208F

Split Complementary

#8F8420

#20628F

#4D208F

Tetradic

#8F8420

#208F4D

#202B8F

#8F2062

Color Blindness Simulation

Original

#8F8420

Protanopia

#8A8A38

Deuteranopia

#8B8C3E

Tritanopia

#8E4B50

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F7F5E4
200
#F2EDC5
300
#E9E19B
400
#DCD165
500
#D0C02F
600
#A79A25
700
#857B1E
800
#686017
900
#4C4715
950
#302D0D

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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