#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

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