#ABDA6F

#ABDA6F

Color Values

HEX

#ABDA6F

RGB

171, 218, 111

HSL

86.4, 59.1%, 64.5%

HSV

86.4, 49.1%, 85.5%

CMYK

21.6%, 0.0%, 49.1%, 14.5%

OKLCH

0.8319 0.1453 128.7

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#ABDA6F

#9E6FDA

Analogous

#DAD46F

#75DA6F

#ABDA6F

Triadic

#ABDA6F

#6FABDA

#DA6FAB

Split Complementary

#ABDA6F

#6F75DA

#D46FDA

Tetradic

#ABDA6F

#6FDAD4

#9E6FDA

#DA6F75

Color Blindness Simulation

Original

#ABDA6F

Protanopia

#BFC089

Deuteranopia

#BDB98F

Tritanopia

#AD9DA2

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DEF0C6
300
#C6E69E
400
#A7D869
500
#89CB34
600
#6DA22A
700
#578221
800
#44651A
900
#344A17
950
#212F0E

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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