#8DC280

#8DC280

Color Values

HEX

#8DC280

RGB

141, 194, 128

HSL

108.2, 35.1%, 63.1%

HSV

108.2, 34.0%, 76.1%

CMYK

27.3%, 0.0%, 34.0%, 23.9%

OKLCH

0.7603 0.1071 139.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#8DC280

#B580C2

Analogous

#AEC280

#80C294

#8DC280

Triadic

#8DC280

#808DC2

#C2808D

Split Complementary

#8DC280

#9480C2

#C280AE

Tetradic

#8DC280

#80AEC2

#B580C2

#C29480

Color Blindness Simulation

Original

#8DC280

Protanopia

#A4A490

Deuteranopia

#A19D94

Tritanopia

#909D9F

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF2E8
200
#D4E8CF
300
#B5D7AC
400
#8DC280
500
#64AC53
600
#508A42
700
#406E35
800
#325629
900
#274021
950
#192815

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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