#8ABC7D

#8ABC7D

Color Values

HEX

#8ABC7D

RGB

138, 188, 125

HSL

107,6, 32,0%, 61,4%

HSV

107,6, 33,5%, 73,7%

CMYK

26,6%, 0,0%, 33,5%, 26,3%

OKLCH

0,7439 0,1026 139,3

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#8ABC7D

#AF7DBC

Analogous

#AABC7D

#7DBC90

#8ABC7D

Triadic

#8ABC7D

#7D8ABC

#BC7D8A

Split Complementary

#8ABC7D

#907DBC

#BC7DAA

Tetradic

#8ABC7D

#7DAABC

#AF7DBC

#BC907D

Color Blindness Simulation

Original

#8ABC7D

Protanopia

#A0A08C

Deuteranopia

#9D9990

Tritanopia

#8C989B

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#EAF2E8
200
#D5E7D0
300
#B6D5AE
400
#8FBF82
500
#68A857
600
#538745
700
#426C37
800
#34542B
900
#283E22
950
#192716

Contrast Checker

Text on white

2,19:1

AA Fail AAA Fail

Text on black

9,57: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