#ABC43B

#ABC43B

Color Values

HEX

#ABC43B

RGB

171, 196, 59

HSL

70,9, 53,7%, 50,0%

HSV

70,9, 69,9%, 76,9%

CMYK

12,8%, 0,0%, 69,9%, 23,1%

OKLCH

0,7763 0,1604 119,3

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#ABC43B

#543BC4

Analogous

#C4983B

#67C43B

#ABC43B

Triadic

#ABC43B

#3BABC4

#C43BAB

Split Complementary

#ABC43B

#3B67C4

#983BC4

Tetradic

#ABC43B

#3BC498

#543BC4

#C43B67

Color Blindness Simulation

Original

#ABC43B

Protanopia

#B6B65C

Deuteranopia

#B4B264

Tritanopia

#AC767C

Achromatopsia

#B5B5B5

CSS Usage

background-color: #ABC43B;
color: #ABC43B;
border-color: #ABC43B;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FAFBF4
100
#F2F5E5
200
#E8EEC8
300
#D7E3A1
400
#C1D36E
500
#ABC43B
600
#899D2F
700
#6D7D26
800
#56621E
900
#3F4819
950
#282D10

Contrast Checker

Text on white

1,96:1

AA Fail AAA Fail

Text on black

10,69: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