#BAD170

#BAD170

Color Values

HEX

#BAD170

RGB

186, 209, 112

HSL

74.2, 51.3%, 62.9%

HSV

74.2, 46.4%, 82.0%

CMYK

11.0%, 0.0%, 46.4%, 18.0%

OKLCH

0.8223 0.1258 120.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAD170

#8770D1

Analogous

#D1B770

#89D170

#BAD170

Triadic

#BAD170

#70BAD1

#D170BA

Split Complementary

#BAD170

#7089D1

#B770D1

Tetradic

#BAD170

#70D1B7

#8770D1

#D17089

Color Blindness Simulation

Original

#BAD170

Protanopia

#C4C487

Deuteranopia

#C3C18D

Tritanopia

#BB9A9E

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F5E5
200
#E5EEC9
300
#D2E1A2
400
#BAD170
500
#A2C13E
600
#829A32
700
#687B28
800
#51601F
900
#3C471A
950
#262D10

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.44:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026