#BAE160

#BAE160

Color Values

HEX

#BAE160

RGB

186, 225, 96

HSL

78.1, 68.3%, 62.9%

HSV

78.1, 57.3%, 88.2%

CMYK

17.3%, 0.0%, 57.3%, 11.8%

OKLCH

0.8559 0.1619 123.9

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BAE160

#8760E1

Analogous

#E1C760

#79E160

#BAE160

Triadic

#BAE160

#60BAE1

#E160BA

Split Complementary

#BAE160

#6079E1

#C760E1

Tetradic

#BAE160

#60E1C7

#8760E1

#E16079

Color Blindness Simulation

Original

#BAE160

Protanopia

#CBCB7F

Deuteranopia

#C9C687

Tritanopia

#BC989D

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F9FCF3
100
#F1F8E3
200
#E5F4C3
300
#D2EC98
400
#BAE160
500
#A2D728
600
#82AC20
700
#68891A
800
#516B14
900
#3C4E13
950
#26310C

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.03:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026