#878B32

#878B32

Color Values

HEX

#878B32

RGB

135, 139, 50

HSL

62.7, 47.1%, 37.1%

HSV

62.7, 64.0%, 54.5%

CMYK

2.9%, 0.0%, 64.0%, 45.5%

OKLCH

0.6154 0.1116 111.7

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#878B32

#36328B

Analogous

#8B6332

#5B8B32

#878B32

Triadic

#878B32

#32878B

#8B3287

Split Complementary

#878B32

#325B8B

#63328B

Tetradic

#878B32

#328B63

#36328B

#8B325B

Color Blindness Simulation

Original

#878B32

Protanopia

#898948

Deuteranopia

#88884D

Tritanopia

#87595C

Achromatopsia

#848484

CSS Usage

background-color: #878B32;
color: #878B32;
border-color: #878B32;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCA
300
#DCDFA5
400
#C9CD74
500
#B6BC43
600
#929636
700
#75782B
800
#5B5E22
900
#43451C
950
#2A2C12

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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