#ABC89A

#ABC89A

Color Values

HEX

#ABC89A

RGB

171, 200, 154

HSL

97,8, 29,5%, 69,4%

HSV

97,8, 23,0%, 78,4%

CMYK

14,5%, 0,0%, 23,0%, 21,6%

OKLCH

0,7992 0,0705 134,1

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ABC89A

#B79AC8

Analogous

#C2C89A

#9AC8A0

#ABC89A

Triadic

#ABC89A

#9AABC8

#C89AAB

Split Complementary

#ABC89A

#A09AC8

#C89AC2

Tetradic

#ABC89A

#9AC2C8

#B79AC8

#C8A09A

Color Blindness Simulation

Original

#ABC89A

Protanopia

#B8B8A5

Deuteranopia

#B6B4A8

Tritanopia

#ACAEB0

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#ECF2E9
200
#D9E6D1
300
#BDD4B0
400
#99BC85
500
#76A55A
600
#5E8448
700
#4B6A3A
800
#3B532D
900
#2D3D24
950
#1C2716

Contrast Checker

Text on white

1,83:1

AA Fail AAA Fail

Text on black

11,46:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026