#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026