#8CD869

#8CD869

Color Values

HEX

#8CD869

RGB

140, 216, 105

HSL

101.1, 58.7%, 62.9%

HSV

101.1, 51.4%, 84.7%

CMYK

35.2%, 0.0%, 51.4%, 15.3%

OKLCH

0.808 0.1638 136.7

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#8CD869

#B569D8

Analogous

#C3D869

#69D87D

#8CD869

Triadic

#8CD869

#698CD8

#D8698C

Split Complementary

#8CD869

#7D69D8

#D869C3

Tetradic

#8CD869

#69C3D8

#B569D8

#D87D69

Color Blindness Simulation

Original

#8CD869

Protanopia

#ADAE84

Deuteranopia

#A8A38A

Tritanopia

#90999E

Achromatopsia

#C0C0C0

CSS Usage

background-color: #8CD869;
color: #8CD869;
border-color: #8CD869;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F6FBF4
100
#EAF6E4
200
#D4F0C6
300
#B5E69E
400
#8CD869
500
#64CA35
600
#50A22A
700
#408122
800
#32651A
900
#274A17
950
#192F0E

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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