#ABF8B5

#ABF8B5

Color Values

HEX

#ABF8B5

RGB

171, 248, 181

HSL

127.8, 84.6%, 82.2%

HSV

127.8, 31.0%, 97.3%

CMYK

31.0%, 0.0%, 27.0%, 2.7%

OKLCH

0.9119 0.1185 147.8

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#ABF8B5

#F8ABEE

Analogous

#C8F8AB

#ABF8DC

#ABF8B5

Triadic

#ABF8B5

#B5ABF8

#F8B5AB

Split Complementary

#ABF8B5

#DCABF8

#F8ABC8

Tetradic

#ABF8B5

#ABC8F8

#F8ABEE

#F8DCAB

Color Blindness Simulation

Original

#ABF8B5

Protanopia

#CCCDC5

Deuteranopia

#C8C2C9

Tritanopia

#AFD2D5

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E0FAE4
200
#BDFAC5
300
#8EF69B
400
#51F066
500
#14EB30
600
#10BC26
700
#0D971F
800
#0A7618
900
#0C5515
950
#07360D

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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