#ADDF20

#ADDF20

Color Values

HEX

#ADDF20

RGB

173, 223, 32

HSL

75,7, 74,9%, 50,0%

HSV

75,7, 85,7%, 87,5%

CMYK

22,4%, 0,0%, 85,7%, 12,5%

OKLCH

0,8383 0,2029 124,7

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#ADDF20

#5220DF

Analogous

#DFB120

#4EDF20

#ADDF20

Triadic

#ADDF20

#20ADDF

#DF20AD

Split Complementary

#ADDF20

#204EDF

#B120DF

Tetradic

#ADDF20

#20DFB1

#5220DF

#DF204E

Color Blindness Simulation

Original

#ADDF20

Protanopia

#C3C34E

Deuteranopia

#C0BC59

Tritanopia

#B0737B

Achromatopsia

#C7C7C7

CSS Usage

background-color: #ADDF20;
color: #ADDF20;
border-color: #ADDF20;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFCF2
100
#F3F9E2
200
#E8F6C1
300
#D8F094
400
#C2E75A
500
#ADDF20
600
#8AB21A
700
#6F8F14
800
#576F10
900
#405110
950
#28330A

Contrast Checker

Text on white

1,57:1

AA Fail AAA Fail

Text on black

13,35: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