#8C9533

#8C9533

Color Values

HEX

#8C9533

RGB

140, 149, 51

HSL

65.5, 49.0%, 39.2%

HSV

65.5, 65.8%, 58.4%

CMYK

6.0%, 0.0%, 65.8%, 41.6%

OKLCH

0.6431 0.1212 114.3

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#8C9533

#3C3395

Analogous

#956D33

#5B9533

#8C9533

Triadic

#8C9533

#338C95

#95338C

Split Complementary

#8C9533

#335B95

#6D3395

Tetradic

#8C9533

#33956D

#3C3395

#95335B

Color Blindness Simulation

Original

#8C9533

Protanopia

#90904B

Deuteranopia

#8F8F50

Tritanopia

#8C5D62

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E6
200
#EAEDCA
300
#DAE0A4
400
#C6CF72
500
#B3BE41
600
#8F9834
700
#727A2A
800
#595F21
900
#42461B
950
#2A2C11

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026