#BAE41B

#BAE41B

Color Values

HEX

#BAE41B

RGB

186, 228, 27

HSL

72.5, 78.8%, 50.0%

HSV

72.5, 88.2%, 89.4%

CMYK

18.4%, 0.0%, 88.2%, 10.6%

OKLCH

0.8583 0.2039 122.3

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#BAE41B

#451BE4

Analogous

#E4A91B

#56E41B

#BAE41B

Triadic

#BAE41B

#1BBAE4

#E41BBA

Split Complementary

#BAE41B

#1B56E4

#A91BE4

Tetradic

#BAE41B

#1BE4A9

#451BE4

#E41B56

Color Blindness Simulation

Original

#BAE41B

Protanopia

#CCCD4C

Deuteranopia

#CAC757

Tritanopia

#BC727A

Achromatopsia

#CDCDCD

CSS Usage

background-color: #BAE41B;
color: #BAE41B;
border-color: #BAE41B;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFCF2
100
#F4F9E1
200
#ECF7BF
300
#DEF292
400
#CCEB56
500
#BAE41B
600
#95B616
700
#779211
800
#5D720E
900
#44530E
950
#2B3409

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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