#BAE55D

#BAE55D

Color Values

HEX

#BAE55D

RGB

186, 229, 93

HSL

79.0, 72.3%, 63.1%

HSV

79.0, 59.4%, 89.8%

CMYK

18.8%, 0.0%, 59.4%, 10.2%

OKLCH

0.8646 0.1695 124.7

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BAE55D

#885DE5

Analogous

#E5CC5D

#76E55D

#BAE55D

Triadic

#BAE55D

#5DBAE5

#E55DBA

Split Complementary

#BAE55D

#5D76E5

#CC5DE5

Tetradic

#BAE55D

#5DE5CC

#885DE5

#E55D76

Color Blindness Simulation

Original

#BAE55D

Protanopia

#CDCD7E

Deuteranopia

#CAC786

Tritanopia

#BC989E

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F9FCF3
100
#F1F8E2
200
#E5F5C1
300
#D2EE96
400
#BAE55C
500
#A1DC23
600
#81B01C
700
#678D17
800
#516E12
900
#3C5011
950
#26330B

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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