#8CC07F

#8CC07F

Color Values

HEX

#8CC07F

RGB

140, 192, 127

HSL

108.0, 34.0%, 62.5%

HSV

108.0, 33.9%, 75.3%

CMYK

27.1%, 0.0%, 33.9%, 24.7%

OKLCH

0.7549 0.1056 139.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#8CC07F

#B37FC0

Analogous

#ACC07F

#7FC092

#8CC07F

Triadic

#8CC07F

#7F8CC0

#C07F8C

Split Complementary

#8CC07F

#927FC0

#C07FAC

Tetradic

#8CC07F

#7FACC0

#B37FC0

#C0927F

Color Blindness Simulation

Original

#8CC07F

Protanopia

#A3A38F

Deuteranopia

#A09C92

Tritanopia

#8F9B9E

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF2E8
200
#D4E7CF
300
#B5D7AD
400
#8DC181
500
#65AB54
600
#518943
700
#416D36
800
#33552A
900
#283F22
950
#192815

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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