#BAE7D3

#BAE7D3

Color Values

HEX

#BAE7D3

RGB

186, 231, 211

HSL

153.3, 48.4%, 81.8%

HSV

153.3, 19.5%, 90.6%

CMYK

19.5%, 0.0%, 8.7%, 9.4%

OKLCH

0.8907 0.0541 166.3

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAE7D3

#E7BACE

Analogous

#BAE7BD

#BAE5E7

#BAE7D3

Triadic

#BAE7D3

#D3BAE7

#E7D3BA

Split Complementary

#BAE7D3

#E7BAE5

#E7BDBA

Tetradic

#BAE7D3

#BDBAE7

#E7BACE

#E5E7BA

Color Blindness Simulation

Original

#BAE7D3

Protanopia

#CDCED8

Deuteranopia

#CBC8D9

Tritanopia

#BCDCDC

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CAEDDD
300
#A4DFC5
400
#73CEA6
500
#42BD86
600
#35976B
700
#2A7956
800
#215F43
900
#1B4633
950
#112C20

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.46:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026