#ABDF88

#ABDF88

Color Values

HEX

#ABDF88

RGB

171, 223, 136

HSL

95.9, 57.6%, 70.4%

HSV

95.9, 39.0%, 87.5%

CMYK

23.3%, 0.0%, 39.0%, 12.5%

OKLCH

0.847 0.127 133.6

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#ABDF88

#BC88DF

Analogous

#D6DF88

#88DF91

#ABDF88

Triadic

#ABDF88

#88ABDF

#DF88AB

Split Complementary

#ABDF88

#9188DF

#DF88D6

Tetradic

#ABDF88

#88D6DF

#BC88DF

#DF9188

Color Blindness Simulation

Original

#ABDF88

Protanopia

#C2C29D

Deuteranopia

#BEBBA2

Tritanopia

#AEAEB1

Achromatopsia

#CECECE

CSS Usage

background-color: #ABDF88;
color: #ABDF88;
border-color: #ABDF88;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FBF4
100
#EBF6E4
200
#D7F0C7
300
#BBE59F
400
#96D76A
500
#71C936
600
#5AA12B
700
#488123
800
#39641B
900
#2C4A17
950
#1B2E0F

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026