#8BA464

#8BA464

Color Values

HEX

#8BA464

RGB

139, 164, 100

HSL

83.4, 26.0%, 51.8%

HSV

83.4, 39.0%, 64.3%

CMYK

15.2%, 0.0%, 39.0%, 35.7%

OKLCH

0.6838 0.0925 126.1

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#8BA464

#7D64A4

Analogous

#A49D64

#6BA464

#8BA464

Triadic

#8BA464

#648BA4

#A4648B

Split Complementary

#8BA464

#646BA4

#9D64A4

Tetradic

#8BA464

#64A49D

#7D64A4

#A4646B

Color Blindness Simulation

Original

#8BA464

Protanopia

#969673

Deuteranopia

#949277

Tritanopia

#8C8082

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DDE5D2
300
#C5D2B2
400
#A6B988
500
#87A15E
600
#6C814B
700
#56673C
800
#43502F
900
#333C25
950
#202617

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.59:1

AA Pass AAA Pass

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