#BAEE81

#BAEE81

Color Values

HEX

#BAEE81

RGB

186, 238, 129

HSL

88.6, 76.2%, 72.0%

HSV

88.6, 45.8%, 93.3%

CMYK

21.8%, 0.0%, 45.8%, 6.7%

OKLCH

0.8892 0.1486 129.9

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#BAEE81

#B581EE

Analogous

#EEEB81

#84EE81

#BAEE81

Triadic

#BAEE81

#81BAEE

#EE81BA

Split Complementary

#BAEE81

#8184EE

#EB81EE

Tetradic

#BAEE81

#81EEEB

#B581EE

#EE8184

Color Blindness Simulation

Original

#BAEE81

Protanopia

#D1D19B

Deuteranopia

#CECAA2

Tritanopia

#BDB0B5

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E2
200
#DDF7C0
300
#C4F093
400
#A4E959
500
#84E11E
600
#6AB418
700
#559013
800
#42700F
900
#32520F
950
#20340A

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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