#8ABC70

#8ABC70

Color Values

HEX

#8ABC70

RGB

138, 188, 112

HSL

99.5, 36.2%, 58.8%

HSV

99.5, 40.4%, 73.7%

CMYK

26.6%, 0.0%, 40.4%, 26.3%

OKLCH

0.7415 0.1168 135.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#8ABC70

#A270BC

Analogous

#B0BC70

#70BC7C

#8ABC70

Triadic

#8ABC70

#708ABC

#BC708A

Split Complementary

#8ABC70

#7C70BC

#BC70B0

Tetradic

#8ABC70

#70B0BC

#A270BC

#BC7C70

Color Blindness Simulation

Original

#8ABC70

Protanopia

#A0A082

Deuteranopia

#9D9987

Tritanopia

#8C9194

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EBF3E8
200
#D7E8CE
300
#BBD8AC
400
#96C37E
500
#71AE51
600
#5A8B41
700
#486F34
800
#385729
900
#2B4021
950
#1B2915

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026