#ABFAA5

#ABFAA5

Color Values

HEX

#ABFAA5

RGB

171, 250, 165

HSL

115.8, 89.5%, 81.4%

HSV

115.8, 34.0%, 98.0%

CMYK

31.6%, 0.0%, 34.0%, 2.0%

OKLCH

0.9133 0.1375 142.7

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#ABFAA5

#F4A5FA

Analogous

#D6FAA5

#A5FACA

#ABFAA5

Triadic

#ABFAA5

#A5ABFA

#FAA5AB

Split Complementary

#ABFAA5

#CAA5FA

#FAA5D6

Tetradic

#ABFAA5

#A5D6FA

#F4A5FA

#FACAA5

Color Blindness Simulation

Original

#ABFAA5

Protanopia

#CDCEBA

Deuteranopia

#C9C3BE

Tritanopia

#AFCACD

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FBE0
200
#C0FBBB
300
#93F98B
400
#58F54C
500
#1DF20D
600
#17C10B
700
#139B09
800
#0F7907
900
#0F5709
950
#093706

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026