#BAEE97

#BAEE97

Color Values

HEX

#BAEE97

RGB

186, 238, 151

HSL

95,9, 71,9%, 76,3%

HSV

95,9, 36,6%, 93,3%

CMYK

21,8%, 0,0%, 36,6%, 6,7%

OKLCH

0,8927 0,1259 133,5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAEE97

#CB97EE

Analogous

#E5EE97

#97EEA0

#BAEE97

Triadic

#BAEE97

#97BAEE

#EE97BA

Split Complementary

#BAEE97

#A097EE

#EE97E5

Tetradic

#BAEE97

#97E5EE

#CB97EE

#EEA097

Color Blindness Simulation

Original

#BAEE97

Protanopia

#D1D1AC

Deuteranopia

#CECAB1

Tritanopia

#BDBDC0

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF8E2
200
#D6F5C2
300
#B9EE96
400
#93E45D
500
#6DDB24
600
#58AF1D
700
#468C17
800
#376E12
900
#2A5011
950
#1B320B

Contrast Checker

Text on white

1,33:1

AA Fail AAA Fail

Text on black

15,76:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026