#ABFB88

#ABFB88

Color Values

HEX

#ABFB88

RGB

171, 251, 136

HSL

101.7, 93.5%, 75.9%

HSV

101.7, 45.8%, 98.4%

CMYK

31.9%, 0.0%, 45.8%, 1.6%

OKLCH

0.9107 0.1677 136.8

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#ABFB88

#D888FB

Analogous

#E5FB88

#88FB9E

#ABFB88

Triadic

#ABFB88

#88ABFB

#FB88AB

Split Complementary

#ABFB88

#9E88FB

#FB88E5

Tetradic

#ABFB88

#88E5FB

#D888FB

#FB9E88

Color Blindness Simulation

Original

#ABFB88

Protanopia

#CECEA4

Deuteranopia

#C9C3AA

Tritanopia

#AFBABF

Achromatopsia

#E2E2E2

CSS Usage

background-color: #ABFB88;
color: #ABFB88;
border-color: #ABFB88;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F5FDF1
100
#E8FBDF
200
#CEFDBA
300
#ABFB89
400
#7EF948
500
#51F708
600
#41C507
700
#349E05
800
#297B04
900
#215908
950
#153805

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026