#ABFDAC

#ABFDAC

Color Values

HEX

#ABFDAC

RGB

171, 253, 172

HSL

120.7, 95.3%, 83.1%

HSV

120.7, 32.4%, 99.2%

CMYK

32.4%, 0.0%, 32.0%, 0.8%

OKLCH

0.9214 0.135 144.7

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#ABFDAC

#FDABFC

Analogous

#D3FDAB

#ABFDD5

#ABFDAC

Triadic

#ABFDAC

#ACABFD

#FDACAB

Split Complementary

#ABFDAC

#D5ABFD

#FDABD3

Tetradic

#ABFDAC

#ABD3FD

#FDABFC

#FDD5AB

Color Blindness Simulation

Original

#ABFDAC

Protanopia

#CFCFC0

Deuteranopia

#CAC4C4

Tritanopia

#AFCFD2

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F1FEF1
100
#DFFCDF
200
#B9FDBA
300
#87FC89
400
#47FB49
500
#06F909
600
#05C707
700
#049F06
800
#037D04
900
#075A08
950
#043905

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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