#BAF1DE

#BAF1DE

Color Values

HEX

#BAF1DE

RGB

186, 241, 222

HSL

159.3, 66.3%, 83.7%

HSV

159.3, 22.8%, 94.5%

CMYK

22.8%, 0.0%, 7.9%, 5.5%

OKLCH

0.9151 0.0617 171.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAF1DE

#F1BACD

Analogous

#BAF1C2

#BAE8F1

#BAF1DE

Triadic

#BAF1DE

#DEBAF1

#F1DEBA

Split Complementary

#BAF1DE

#F1BAE8

#F1C2BA

Tetradic

#BAF1DE

#C2BAF1

#F1BACD

#E8F1BA

Color Blindness Simulation

Original

#BAF1DE

Protanopia

#D2D2E3

Deuteranopia

#CFCAE4

Tritanopia

#BDE6E7

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E3F7F0
200
#C4F3E3
300
#99EACE
400
#62DFB4
500
#2BD49A
600
#22AA7B
700
#1B8862
800
#156A4D
900
#144D39
950
#0C3124

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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