#8ABB73

#8ABB73

Color Values

HEX

#8ABB73

RGB

138, 187, 115

HSL

100.8, 34.6%, 59.2%

HSV

100.8, 38.5%, 73.3%

CMYK

26.2%, 0.0%, 38.5%, 26.7%

OKLCH

0.7396 0.112 136.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#8ABB73

#A473BB

Analogous

#AEBB73

#73BB80

#8ABB73

Triadic

#8ABB73

#738ABB

#BB738A

Split Complementary

#8ABB73

#8073BB

#BB73AE

Tetradic

#8ABB73

#73AEBB

#A473BB

#BB8073

Color Blindness Simulation

Original

#8ABB73

Protanopia

#9FA084

Deuteranopia

#9C9989

Tritanopia

#8C9295

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EBF2E8
200
#D7E8CF
300
#BAD7AD
400
#95C180
500
#70AC53
600
#598943
700
#476E35
800
#38562A
900
#2B4021
950
#1B2815

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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