#BAEE73

#BAEE73

Color Values

HEX

#BAEE73

RGB

186, 238, 115

HSL

85.4, 78.3%, 69.2%

HSV

85.4, 51.7%, 93.3%

CMYK

21.8%, 0.0%, 51.7%, 6.7%

OKLCH

0.8873 0.1621 128.3

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BAEE73

#A773EE

Analogous

#EEE573

#7CEE73

#BAEE73

Triadic

#BAEE73

#73BAEE

#EE73BA

Split Complementary

#BAEE73

#737CEE

#E573EE

Tetradic

#BAEE73

#73EEE5

#A773EE

#EE737C

Color Blindness Simulation

Original

#BAEE73

Protanopia

#D1D191

Deuteranopia

#CECA98

Tritanopia

#BDA8AD

Achromatopsia

#DADADA

CSS Usage

background-color: #BAEE73;
color: #BAEE73;
border-color: #BAEE73;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FCF2
100
#EFF9E1
200
#E0F7BF
300
#C9F292
400
#ACEB57
500
#8FE31C
600
#72B616
700
#5B9112
800
#47720E
900
#36530E
950
#223409

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.57:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026