#BAEC56

#BAEC56

Color Values

HEX

#BAEC56

RGB

186, 236, 86

HSL

80.0, 79.8%, 63.1%

HSV

80.0, 63.6%, 92.5%

CMYK

21.2%, 0.0%, 63.6%, 7.5%

OKLCH

0.8797 0.1837 125.7

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#BAEC56

#8856EC

Analogous

#ECD356

#6FEC56

#BAEC56

Triadic

#BAEC56

#56BAEC

#EC56BA

Split Complementary

#BAEC56

#566FEC

#D356EC

Tetradic

#BAEC56

#56ECD3

#8856EC

#EC566F

Color Blindness Simulation

Original

#BAEC56

Protanopia

#D0D07A

Deuteranopia

#CDC983

Tritanopia

#BC979D

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F9FDF2
100
#F1F9E1
200
#E5F8BF
300
#D2F391
400
#BAEC55
500
#A1E51A
600
#81B715
700
#679310
800
#51730D
900
#3C530E
950
#263509

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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