#8DC388

#8DC388

Color Values

HEX

#8DC388

RGB

141, 195, 136

HSL

114.9, 33.0%, 64.9%

HSV

114.9, 30.3%, 76.5%

CMYK

27.7%, 0.0%, 30.3%, 23.5%

OKLCH

0.7643 0.1 142.5

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#8DC388

#BE88C3

Analogous

#ABC388

#88C3A0

#8DC388

Triadic

#8DC388

#888DC3

#C3888D

Split Complementary

#8DC388

#A088C3

#C388AB

Tetradic

#8DC388

#88ABC3

#BE88C3

#C3A088

Color Blindness Simulation

Original

#8DC388

Protanopia

#A4A596

Deuteranopia

#A19D9A

Tritanopia

#90A2A4

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#E9F2E8
200
#D2E7D0
300
#B1D6AE
400
#87C082
500
#5DAA55
600
#4A8844
700
#3B6D37
800
#2E552B
900
#253F22
950
#172816

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

10.29:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026