#ABFAAF

#ABFAAF

Color Values

HEX

#ABFAAF

RGB

171, 250, 175

HSL

123.0, 88.8%, 82.5%

HSV

123.0, 31.6%, 98.0%

CMYK

31.6%, 0.0%, 30.0%, 2.0%

OKLCH

0.9152 0.1275 145.6

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#ABFAAF

#FAABF6

Analogous

#CEFAAB

#ABFAD6

#ABFAAF

Triadic

#ABFAAF

#AFABFA

#FAAFAB

Split Complementary

#ABFAAF

#D6ABFA

#FAABCE

Tetradic

#ABFAAF

#ABCEFA

#FAABF6

#FAD6AB

Color Blindness Simulation

Original

#ABFAAF

Protanopia

#CDCEC1

Deuteranopia

#C9C3C6

Tritanopia

#AFCFD3

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FBE1
200
#BCFBBF
300
#8BF891
400
#4DF455
500
#0EF11A
600
#0BC114
700
#099A10
800
#07780D
900
#0A570E
950
#063709

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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