#8F8C33

#8F8C33

Color Values

HEX

#8F8C33

RGB

143, 140, 51

HSL

58.0, 47.4%, 38.0%

HSV

58.0, 64.3%, 56.1%

CMYK

0.0%, 2.1%, 64.3%, 43.9%

OKLCH

0.6249 0.1103 107.4

Properties

Warm Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#8F8C33

#33368F

Analogous

#8F5E33

#648F33

#8F8C33

Triadic

#8F8C33

#338F8C

#8C338F

Split Complementary

#8F8C33

#33648F

#5E338F

Tetradic

#8F8C33

#338F5E

#33368F

#8F3364

Color Blindness Simulation

Original

#8F8C33

Protanopia

#8E8E49

Deuteranopia

#8E8E4E

Tritanopia

#8F5A5D

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECEBCA
300
#DFDDA5
400
#CDCA74
500
#BCB843
600
#969336
700
#78762B
800
#5E5C22
900
#45441C
950
#2C2B12

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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