#8CC889

#8CC889

Color Values

HEX

#8CC889

RGB

140, 200, 137

HSL

117.1, 36.4%, 66.1%

HSV

117.1, 31.5%, 78.4%

CMYK

30.0%, 0.0%, 31.5%, 21.6%

OKLCH

0.7756 0.1076 143.3

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#8CC889

#C589C8

Analogous

#ACC889

#89C8A6

#8CC889

Triadic

#8CC889

#898CC8

#C8898C

Split Complementary

#8CC889

#A689C8

#C889AC

Tetradic

#8CC889

#89ACC8

#C589C8

#C8A689

Color Blindness Simulation

Original

#8CC889

Protanopia

#A6A798

Deuteranopia

#A29E9C

Tritanopia

#8FA4A7

Achromatopsia

#B7B7B7

CSS Usage

background-color: #8CC889;
color: #8CC889;
border-color: #8CC889;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#D0E8CE
300
#AED8AC
400
#82C37E
500
#56AE51
600
#448B41
700
#376F34
800
#2B5729
900
#224021
950
#162915

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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