#BAED12

#BAED12

Color Values

HEX

#BAED12

RGB

186, 237, 18

HSL

74.0, 85.9%, 50.0%

HSV

74.0, 92.4%, 92.9%

CMYK

21.5%, 0.0%, 92.4%, 7.1%

OKLCH

0.8785 0.2155 124.0

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#BAED12

#4512ED

Analogous

#EDB312

#4CED12

#BAED12

Triadic

#BAED12

#12BAED

#ED12BA

Split Complementary

#BAED12

#124CED

#B312ED

Tetradic

#BAED12

#12EDB3

#4512ED

#ED124C

Color Blindness Simulation

Original

#BAED12

Protanopia

#D0D147

Deuteranopia

#CDC954

Tritanopia

#BD717A

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FAFDF2
100
#F4FAE0
200
#ECFABD
300
#DEF68D
400
#CCF250
500
#BAED12
600
#95BE0E
700
#77980C
800
#5D7709
900
#44560B
950
#2B3607

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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