#BAE899

#BAE899

Color Values

HEX

#BAE899

RGB

186, 232, 153

HSL

94,9, 63,2%, 75,5%

HSV

94,9, 34,1%, 91,0%

CMYK

19,8%, 0,0%, 34,1%, 9,0%

OKLCH

0,8797 0,1146 132,9

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#BAE899

#C799E8

Analogous

#E2E899

#99E89F

#BAE899

Triadic

#BAE899

#99BAE8

#E899BA

Split Complementary

#BAE899

#9F99E8

#E899E2

Tetradic

#BAE899

#99E2E8

#C799E8

#E89F99

Color Blindness Simulation

Original

#BAE899

Protanopia

#CECEAC

Deuteranopia

#CBC8B1

Tritanopia

#BCBBBF

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#D8F2C5
300
#BBE89B
400
#97DC65
500
#72D02F
600
#5BA626
700
#49851E
800
#396817
900
#2C4C15
950
#1C300D

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,09:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026