#BAEE96

#BAEE96

Color Values

HEX

#BAEE96

RGB

186, 238, 150

HSL

95,5, 72,1%, 76,1%

HSV

95,5, 37,0%, 93,3%

CMYK

21,8%, 0,0%, 37,0%, 6,7%

OKLCH

0,8925 0,1269 133,3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAEE96

#CA96EE

Analogous

#E6EE96

#96EE9E

#BAEE96

Triadic

#BAEE96

#96BAEE

#EE96BA

Split Complementary

#BAEE96

#9E96EE

#EE96E6

Tetradic

#BAEE96

#96E6EE

#CA96EE

#EE9E96

Color Blindness Simulation

Original

#BAEE96

Protanopia

#D1D1AB

Deuteranopia

#CECAB0

Tritanopia

#BDBCC0

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF8E2
200
#D7F5C2
300
#BAEE96
400
#94E55D
500
#6FDB24
600
#59B01C
700
#478C17
800
#376E12
900
#2B5011
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

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