#8EB388

#8EB388

Color Values

HEX

#8EB388

RGB

142, 179, 136

HSL

111.6, 22.1%, 61.8%

HSV

111.6, 24.0%, 70.2%

CMYK

20.7%, 0.0%, 24.0%, 29.8%

OKLCH

0.7279 0.073 141.1

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#8EB388

#AD88B3

Analogous

#A4B388

#88B398

#8EB388

Triadic

#8EB388

#888EB3

#B3888E

Split Complementary

#8EB388

#9888B3

#B388A4

Tetradic

#8EB388

#88A4B3

#AD88B3

#B39888

Color Blindness Simulation

Original

#8EB388

Protanopia

#9E9E92

Deuteranopia

#9C9995

Tritanopia

#909B9C

Achromatopsia

#A8A8A8

CSS Usage

background-color: #8EB388;
color: #8EB388;
border-color: #8EB388;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6F9F6
100
#EBF1EA
200
#D6E3D3
300
#B8CFB4
400
#92B68C
500
#6B9C63
600
#567D4F
700
#456440
800
#364E32
900
#2A3A27
950
#1A2519

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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