#AFFDAB

#AFFDAB

Color Values

HEX

#AFFDAB

RGB

175, 253, 171

HSL

117.1, 95.3%, 83.1%

HSV

117.1, 32.4%, 99.2%

CMYK

30.8%, 0.0%, 32.4%, 0.8%

OKLCH

0.9233 0.1337 143.3

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#AFFDAB

#F9ABFD

Analogous

#D8FDAB

#ABFDD0

#AFFDAB

Triadic

#AFFDAB

#ABAFFD

#FDABAF

Split Complementary

#AFFDAB

#D0ABFD

#FDABD8

Tetradic

#AFFDAB

#ABD8FD

#F9ABFD

#FDD0AB

Color Blindness Simulation

Original

#AFFDAB

Protanopia

#D1D1BF

Deuteranopia

#CCC6C4

Tritanopia

#B3CFD2

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F2FEF1
100
#E0FCDF
200
#BDFDB9
300
#8DFC87
400
#4FFB47
500
#12F906
600
#0EC705
700
#0B9F04
800
#097D03
900
#0B5A07
950
#073904

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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