#8C8949

#8C8949

Color Values

HEX

#8C8949

RGB

140, 137, 73

HSL

57.3, 31.5%, 41.8%

HSV

57.3, 47.9%, 54.9%

CMYK

0.0%, 2.1%, 47.9%, 45.1%

OKLCH

0.6181 0.0859 106.3

Properties

Warm Light Nearest: khaki 4

Color Harmonies

Complementary

#8C8949

#494C8C

Analogous

#8C6849

#6E8C49

#8C8949

Triadic

#8C8949

#498C89

#89498C

Split Complementary

#8C8949

#496E8C

#68498C

Tetradic

#8C8949

#498C68

#494C8C

#8C496E

Color Blindness Simulation

Original

#8C8949

Protanopia

#8B8B58

Deuteranopia

#8B8B5C

Tritanopia

#8C6567

Achromatopsia

#858585

CSS Usage

background-color: #8C8949;
color: #8C8949;
border-color: #8C8949;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9F9F5
100
#F2F1E8
200
#E7E6D0
300
#D5D3AF
400
#BEBC83
500
#A8A457
600
#868346
700
#6B6938
800
#54522C
900
#3E3D23
950
#272616

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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