#BAE99B

#BAE99B

Color Values

HEX

#BAE99B

RGB

186, 233, 155

HSL

96.2, 63.9%, 76.1%

HSV

96.2, 33.5%, 91.4%

CMYK

20.2%, 0.0%, 33.5%, 8.6%

OKLCH

0.8823 0.114 133.5

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#BAE99B

#CA9BE9

Analogous

#E1E99B

#9BE9A3

#BAE99B

Triadic

#BAE99B

#9BBAE9

#E99BBA

Split Complementary

#BAE99B

#A39BE9

#E99BE1

Tetradic

#BAE99B

#9BE1E9

#CA9BE9

#E9A39B

Color Blindness Simulation

Original

#BAE99B

Protanopia

#CECFAE

Deuteranopia

#CCC8B2

Tritanopia

#BCBDC0

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF7E3
200
#D7F2C4
300
#BAE99B
400
#94DD64
500
#6FD12E
600
#59A725
700
#47861D
800
#376817
900
#2B4C15
950
#1B300D

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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