#ABDF8C

#ABDF8C

Color Values

HEX

#ABDF8C

RGB

171, 223, 140

HSL

97.6, 56.5%, 71.2%

HSV

97.6, 37.2%, 87.5%

CMYK

23.3%, 0.0%, 37.2%, 12.5%

OKLCH

0.8477 0.1227 134.5

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#ABDF8C

#C08CDF

Analogous

#D5DF8C

#8CDF97

#ABDF8C

Triadic

#ABDF8C

#8CABDF

#DF8CAB

Split Complementary

#ABDF8C

#978CDF

#DF8CD5

Tetradic

#ABDF8C

#8CD5DF

#C08CDF

#DF978C

Color Blindness Simulation

Original

#ABDF8C

Protanopia

#C2C2A0

Deuteranopia

#BEBBA5

Tritanopia

#AEB0B3

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F6FBF4
100
#EBF6E5
200
#D6EFC7
300
#B9E49F
400
#93D66B
500
#6DC837
600
#57A02C
700
#468023
800
#37641C
900
#2A4918
950
#1B2E0F

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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