#BAEBD9

#BAEBD9

Color Values

HEX

#BAEBD9

RGB

186, 235, 217

HSL

158.0, 55.1%, 82.5%

HSV

158.0, 20.9%, 92.2%

CMYK

20.9%, 0.0%, 7.7%, 7.8%

OKLCH

0.9009 0.0561 170.6

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAEBD9

#EBBACC

Analogous

#BAEBC0

#BAE4EB

#BAEBD9

Triadic

#BAEBD9

#D9BAEB

#EBD9BA

Split Complementary

#BAEBD9

#EBBAE4

#EBC0BA

Tetradic

#BAEBD9

#C0BAEB

#EBBACC

#E4EBBA

Color Blindness Simulation

Original

#BAEBD9

Protanopia

#CFD0DD

Deuteranopia

#CCC9DE

Tritanopia

#BCE1E2

Achromatopsia

#DFDFDF

CSS Usage

background-color: #BAEBD9;
color: #BAEBD9;
border-color: #BAEBD9;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F4FBF8
100
#E5F6EF
200
#C8EFE1
300
#A0E4CB
400
#6DD5AF
500
#39C692
600
#2E9E75
700
#257F5E
800
#1D6349
900
#184837
950
#0F2E23

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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