#ABD06F

#ABD06F

Color Values

HEX

#ABD06F

RGB

171, 208, 111

HSL

82.9, 50.8%, 62.5%

HSV

82.9, 46.6%, 81.6%

CMYK

17.8%, 0.0%, 46.6%, 18.4%

OKLCH

0.8092 0.1313 126.3

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#ABD06F

#946FD0

Analogous

#D0C46F

#7AD06F

#ABD06F

Triadic

#ABD06F

#6FABD0

#D06FAB

Split Complementary

#ABD06F

#6F7AD0

#C46FD0

Tetradic

#ABD06F

#6FD0C4

#946FD0

#D06F7A

Color Blindness Simulation

Original

#ABD06F

Protanopia

#BBBB86

Deuteranopia

#B9B68C

Tritanopia

#AD999D

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#E0EDC9
300
#C9E1A3
400
#ACD171
500
#8FC03F
600
#729A32
700
#5B7B28
800
#47601F
900
#36471A
950
#222D11

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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