#ABCE73

#ABCE73

Color Values

HEX

#ABCE73

RGB

171, 206, 115

HSL

83,1, 48,1%, 62,9%

HSV

83,1, 44,2%, 80,8%

CMYK

17,0%, 0,0%, 44,2%, 19,2%

OKLCH

0,8053 0,1243 126,3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ABCE73

#9673CE

Analogous

#CEC373

#7DCE73

#ABCE73

Triadic

#ABCE73

#73ABCE

#CE73AB

Split Complementary

#ABCE73

#737DCE

#C373CE

Tetradic

#ABCE73

#73CEC3

#9673CE

#CE737D

Color Blindness Simulation

Original

#ABCE73

Protanopia

#BABA89

Deuteranopia

#B8B68E

Tritanopia

#AD9A9E

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#DFECCA
300
#C9DFA4
400
#ABCE73
500
#8EBD42
600
#719735
700
#5B792A
800
#475E21
900
#35451B
950
#222C11

Contrast Checker

Text on white

1,78:1

AA Fail AAA Fail

Text on black

11,81: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