#BAEE53

#BAEE53

Color Values

HEX

#BAEE53

RGB

186, 238, 83

HSL

80,1, 82,0%, 62,9%

HSV

80,1, 65,1%, 93,3%

CMYK

21,8%, 0,0%, 65,1%, 6,7%

OKLCH

0,884 0,1883 126,0

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#BAEE53

#8753EE

Analogous

#EED453

#6CEE53

#BAEE53

Triadic

#BAEE53

#53BAEE

#EE53BA

Split Complementary

#BAEE53

#536CEE

#D453EE

Tetradic

#BAEE53

#53EED4

#8753EE

#EE536C

Color Blindness Simulation

Original

#BAEE53

Protanopia

#D1D178

Deuteranopia

#CECA82

Tritanopia

#BD969D

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F9FDF2
100
#F1FAE1
200
#E5F9BE
300
#D2F490
400
#BAEE53
500
#A2E817
600
#82BA12
700
#68950F
800
#51740B
900
#3C540D
950
#263508

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

15,44: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