#BAED96

#BAED96

Color Values

HEX

#BAED96

RGB

186, 237, 150

HSL

95.2, 70.7%, 75.9%

HSV

95.2, 36.7%, 92.9%

CMYK

21.5%, 0.0%, 36.7%, 7.1%

OKLCH

0.8903 0.1254 133.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAED96

#C996ED

Analogous

#E5ED96

#96ED9E

#BAED96

Triadic

#BAED96

#96BAED

#ED96BA

Split Complementary

#BAED96

#9E96ED

#ED96E5

Tetradic

#BAED96

#96E5ED

#C996ED

#ED9E96

Color Blindness Simulation

Original

#BAED96

Protanopia

#D0D1AB

Deuteranopia

#CDC9B0

Tritanopia

#BDBCBF

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EBF8E2
200
#D7F5C2
300
#BAED97
400
#95E35E
500
#70DA25
600
#5AAE1E
700
#488B18
800
#386D13
900
#2B4F12
950
#1B320B

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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