#8C8312

#8C8312

Color Values

HEX

#8C8312

RGB

140, 131, 18

HSL

55.6, 77.2%, 31.0%

HSV

55.6, 87.1%, 54.9%

CMYK

0.0%, 6.4%, 87.1%, 45.1%

OKLCH

0.5994 0.1219 104.4

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#8C8312

#121B8C

Analogous

#8C4612

#588C12

#8C8312

Triadic

#8C8312

#128C83

#83128C

Split Complementary

#8C8312

#12588C

#46128C

Tetradic

#8C8312

#128C46

#121B8C

#8C1258

Color Blindness Simulation

Original

#8C8312

Protanopia

#88882D

Deuteranopia

#898934

Tritanopia

#8C4348

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F7E1
200
#F7F3C0
300
#F1EA93
400
#E9DF58
500
#E2D31D
600
#B5A917
700
#918713
800
#716A0F
900
#524D0F
950
#343109

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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