#BAE9D8

#BAE9D8

Color Values

HEX

#BAE9D8

RGB

186, 233, 216

HSL

158.3, 51.6%, 82.2%

HSV

158.3, 20.2%, 91.4%

CMYK

20.2%, 0.0%, 7.3%, 8.6%

OKLCH

0.8964 0.0538 171.0

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BAE9D8

#E9BACB

Analogous

#BAE9C1

#BAE3E9

#BAE9D8

Triadic

#BAE9D8

#D8BAE9

#E9D8BA

Split Complementary

#BAE9D8

#E9BAE3

#E9C1BA

Tetradic

#BAE9D8

#C1BAE9

#E9BACB

#E3E9BA

Color Blindness Simulation

Original

#BAE9D8

Protanopia

#CECFDC

Deuteranopia

#CCC8DD

Tritanopia

#BCDFE0

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C9EEE0
300
#A2E1CB
400
#70D1AE
500
#3EC192
600
#319B75
700
#277C5D
800
#1F6149
900
#1A4737
950
#102D23

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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