#BAFDE8

#BAFDE8

Color Values

HEX

#BAFDE8

RGB

186, 253, 232

HSL

161.2, 94.4%, 86.1%

HSV

161.2, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 8.3%, 0.8%

OKLCH

0.9436 0.0727 173.3

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFDE8

#FDBACF

Analogous

#BAFDC7

#BAF1FD

#BAFDE8

Triadic

#BAFDE8

#E8BAFD

#FDE8BA

Split Complementary

#BAFDE8

#FDBAF1

#FDC7BA

Tetradic

#BAFDE8

#C7BAFD

#FDBACF

#F1FDBA

Color Blindness Simulation

Original

#BAFDE8

Protanopia

#D7D8ED

Deuteranopia

#D3CEEE

Tritanopia

#BDF1F2

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF2
200
#BAFDE8
300
#88FCD7
400
#48FAC2
500
#07F8AC
600
#06C68A
700
#059F6E
800
#047C56
900
#075A40
950
#053928

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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