#ABD67D

#ABD67D

Color Values

HEX

#ABD67D

RGB

171, 214, 125

HSL

89.0, 52.0%, 66.5%

HSV

89.0, 41.6%, 83.9%

CMYK

20.1%, 0.0%, 41.6%, 16.1%

OKLCH

0.8249 0.1253 129.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ABD67D

#A87DD6

Analogous

#D6D57D

#7FD67D

#ABD67D

Triadic

#ABD67D

#7DABD6

#D67DAB

Split Complementary

#ABD67D

#7D7FD6

#D57DD6

Tetradic

#ABD67D

#7DD6D5

#A87DD6

#D67D7F

Color Blindness Simulation

Original

#ABD67D

Protanopia

#BEBE93

Deuteranopia

#BBB898

Tritanopia

#ADA4A7

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF5E5
200
#DCEEC9
300
#C3E2A2
400
#A2D270
500
#82C23D
600
#689B31
700
#537C27
800
#41611F
900
#31471A
950
#1F2D10

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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