#ABD06D

#ABD06D

Color Values

HEX

#ABD06D

RGB

171, 208, 109

HSL

82,4, 51,3%, 62,2%

HSV

82,4, 47,6%, 81,6%

CMYK

17,8%, 0,0%, 47,6%, 18,4%

OKLCH

0,8089 0,1333 126,1

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#ABD06D

#926DD0

Analogous

#D0C46D

#7AD06D

#ABD06D

Triadic

#ABD06D

#6DABD0

#D06DAB

Split Complementary

#ABD06D

#6D7AD0

#C46DD0

Tetradic

#ABD06D

#6DD0C4

#926DD0

#D06D7A

Color Blindness Simulation

Original

#ABD06D

Protanopia

#BBBB85

Deuteranopia

#B9B68B

Tritanopia

#AD989C

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF5E5
200
#E0EEC9
300
#CAE1A2
400
#ADD170
500
#90C13E
600
#739A32
700
#5C7B28
800
#48601F
900
#36471A
950
#222D10

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

11,97:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026