#BAEFE0

#BAEFE0

Color Values

HEX

#BAEFE0

RGB

186, 239, 224

HSL

163,0, 62,4%, 83,3%

HSV

163,0, 22,2%, 93,7%

CMYK

22,2%, 0,0%, 6,3%, 6,3%

OKLCH

0,9114 0,0579 175,7

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BAEFE0

#EFBAC9

Analogous

#BAEFC5

#BAE3EF

#BAEFE0

Triadic

#BAEFE0

#E0BAEF

#EFE0BA

Split Complementary

#BAEFE0

#EFBAE3

#EFC5BA

Tetradic

#BAEFE0

#C5BAEF

#EFBAC9

#E3EFBA

Color Blindness Simulation

Original

#BAEFE0

Protanopia

#D1D1E4

Deuteranopia

#CECAE4

Tritanopia

#BDE6E7

Achromatopsia

#E3E3E3

CSS Usage

background-color: #BAEFE0;
color: #BAEFE0;
border-color: #BAEFE0;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F3FBF9
100
#E4F7F1
200
#C5F2E5
300
#9CE8D2
400
#66DCBA
500
#30CFA2
600
#26A682
700
#1F8568
800
#186851
900
#154C3C
950
#0D3026

Contrast Checker

Text on white

1,27:1

AA Fail AAA Fail

Text on black

16,51: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