#ABBD24

#ABBD24

Color Values

HEX

#ABBD24

RGB

171, 189, 36

HSL

67.1, 68.0%, 44.1%

HSV

67.1, 81.0%, 74.1%

CMYK

9.5%, 0.0%, 81.0%, 25.9%

OKLCH

0.7591 0.1649 116.6

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#ABBD24

#3624BD

Analogous

#BD8324

#5EBD24

#ABBD24

Triadic

#ABBD24

#24ABBD

#BD24AB

Split Complementary

#ABBD24

#245EBD

#8324BD

Tetradic

#ABBD24

#24BD83

#3624BD

#BD245E

Color Blindness Simulation

Original

#ABBD24

Protanopia

#B3B349

Deuteranopia

#B2B052

Tritanopia

#AC666D

Achromatopsia

#AEAEAE

CSS Usage

background-color: #ABBD24;
color: #ABBD24;
border-color: #ABBD24;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EEF4C3
300
#E2EB98
400
#D2E160
500
#C2D629
600
#9BAB21
700
#7C891A
800
#616B14
900
#474E13
950
#2D310C

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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