#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