#BADD22

#BADD22

Color Values

HEX

#BADD22

RGB

186, 221, 34

HSL

71.2, 73.3%, 50.0%

HSV

71.2, 84.6%, 86.7%

CMYK

15.8%, 0.0%, 84.6%, 13.3%

OKLCH

0.8426 0.1944 120.8

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#BADD22

#4522DD

Analogous

#DDA222

#5DDD22

#BADD22

Triadic

#BADD22

#22BADD

#DD22BA

Split Complementary

#BADD22

#225DDD

#A222DD

Tetradic

#BADD22

#22DDA2

#4522DD

#DD225D

Color Blindness Simulation

Original

#BADD22

Protanopia

#C9C94F

Deuteranopia

#C7C45A

Tritanopia

#BC737B

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F4F8E2
200
#ECF5C1
300
#DEEF95
400
#CCE65B
500
#BADD22
600
#95B11B
700
#778D16
800
#5D6E11
900
#445010
950
#2B330A

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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