#8C8917

#8C8917

Color Values

HEX

#8C8917

RGB

140, 137, 23

HSL

58,5, 71,8%, 32,0%

HSV

58,5, 83,6%, 54,9%

CMYK

0,0%, 2,1%, 83,6%, 45,1%

OKLCH

0,6134 0,1255 108,0

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#8C8917

#171A8C

Analogous

#8C4F17

#558C17

#8C8917

Triadic

#8C8917

#178C89

#89178C

Split Complementary

#8C8917

#17558C

#4F178C

Tetradic

#8C8917

#178C4F

#171A8C

#8C1755

Color Blindness Simulation

Original

#8C8917

Protanopia

#8B8B33

Deuteranopia

#8B8B39

Tritanopia

#8C484D

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F7E2
200
#F5F4C2
300
#EEEC96
400
#E4E15D
500
#DBD624
600
#AFAC1D
700
#8C8917
800
#6E6B12
900
#504E11
950
#32310B

Contrast Checker

Text on white

3,68:1

AA Fail AAA Fail

Text on black

5,71:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026