#BAE6D3

#BAE6D3

Color Values

HEX

#BAE6D3

RGB

186, 230, 211

HSL

154.1, 46.8%, 81.6%

HSV

154.1, 19.1%, 90.2%

CMYK

19.1%, 0.0%, 8.3%, 9.8%

OKLCH

0.8886 0.0526 167.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAE6D3

#E6BACD

Analogous

#BAE6BD

#BAE3E6

#BAE6D3

Triadic

#BAE6D3

#D3BAE6

#E6D3BA

Split Complementary

#BAE6D3

#E6BAE3

#E6BDBA

Tetradic

#BAE6D3

#BDBAE6

#E6BACD

#E3E6BA

Color Blindness Simulation

Original

#BAE6D3

Protanopia

#CDCDD8

Deuteranopia

#CAC7D9

Tritanopia

#BCDBDC

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CBECDE
300
#A5DEC6
400
#74CDA7
500
#44BB88
600
#36966D
700
#2B7857
800
#225E44
900
#1C4533
950
#122B20

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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