#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

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