#BAECB9

#BAECB9

Color Values

HEX

#BAECB9

RGB

186, 236, 185

HSL

118.8, 57.3%, 82.5%

HSV

118.8, 21.6%, 92.5%

CMYK

21.2%, 0.0%, 21.6%, 7.5%

OKLCH

0.8951 0.0861 144.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAECB9

#EBB9EC

Analogous

#D3ECB9

#B9ECD1

#BAECB9

Triadic

#BAECB9

#B9BAEC

#ECB9BA

Split Complementary

#BAECB9

#D1B9EC

#ECB9D3

Tetradic

#BAECB9

#B9D3EC

#EBB9EC

#ECD1B9

Color Blindness Simulation

Original

#BAECB9

Protanopia

#D0D0C5

Deuteranopia

#CDC9C8

Tritanopia

#BCCFD1

Achromatopsia

#DEDEDE

CSS Usage

background-color: #BAECB9;
color: #BAECB9;
border-color: #BAECB9;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F4FBF4
100
#E5F6E4
200
#C8F0C7
300
#A0E59F
400
#6DD76B
500
#39C936
600
#2EA02C
700
#258023
800
#1D641B
900
#184917
950
#0F2E0F

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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