#BAE59F

#BAE59F

Color Values

HEX

#BAE59F

RGB

186, 229, 159

HSL

96.9, 57.4%, 76.1%

HSV

96.9, 30.6%, 89.8%

CMYK

18.8%, 0.0%, 30.6%, 10.2%

OKLCH

0.8743 0.1034 133.8

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#BAE59F

#CA9FE5

Analogous

#DDE59F

#9FE5A7

#BAE59F

Triadic

#BAE59F

#9FBAE5

#E59FBA

Split Complementary

#BAE59F

#A79FE5

#E59FDD

Tetradic

#BAE59F

#9FDDE5

#CA9FE5

#E5A79F

Color Blindness Simulation

Original

#BAE59F

Protanopia

#CDCDB0

Deuteranopia

#CAC7B4

Tritanopia

#BCBDC0

Achromatopsia

#D7D7D7

CSS Usage

background-color: #BAE59F;
color: #BAE59F;
border-color: #BAE59F;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F6FBF4
100
#EBF6E4
200
#D7F0C7
300
#BAE59F
400
#94D76A
500
#6FC936
600
#59A12B
700
#478023
800
#37641B
900
#2B4917
950
#1B2E0F

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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