#8DA867

#8DA867

Color Values

HEX

#8DA867

RGB

141, 168, 103

HSL

84.9, 27.2%, 53.1%

HSV

84.9, 38.7%, 65.9%

CMYK

16.1%, 0.0%, 38.7%, 34.1%

OKLCH

0.6951 0.0943 127.1

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#8DA867

#8267A8

Analogous

#A8A267

#6CA867

#8DA867

Triadic

#8DA867

#678DA8

#A8678D

Split Complementary

#8DA867

#676CA8

#A267A8

Tetradic

#8DA867

#67A8A2

#8267A8

#A8676C

Color Blindness Simulation

Original

#8DA867

Protanopia

#999977

Deuteranopia

#97957A

Tritanopia

#8E8386

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DDE5D2
300
#C5D2B1
400
#A5BA87
500
#85A25D
600
#6B824A
700
#55683B
800
#43512E
900
#323C25
950
#202617

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

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