#BAEEEF

#BAEEEF

Color Values

HEX

#BAEEEF

RGB

186, 238, 239

HSL

181.1, 62.4%, 83.3%

HSV

181.1, 22.2%, 93.7%

CMYK

22.2%, 0.4%, 0.0%, 6.3%

OKLCH

0.9137 0.053 197.7

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BAEEEF

#EFBBBA

Analogous

#BAEFD5

#BAD3EF

#BAEEEF

Triadic

#BAEEEF

#EFBAEE

#EEEFBA

Split Complementary

#BAEEEF

#EFBAD3

#EFD5BA

Tetradic

#BAEEEF

#D5BAEF

#EFBBBA

#D3EFBA

Color Blindness Simulation

Original

#BAEEEF

Protanopia

#D1D1EF

Deuteranopia

#CECAEF

Tritanopia

#BDEFEF

Achromatopsia

#E3E3E3

CSS Usage

background-color: #BAEEEF;
color: #BAEEEF;
border-color: #BAEEEF;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F3FBFB
100
#E4F6F7
200
#C5F1F2
300
#9CE7E8
400
#66D9DC
500
#30CCCF
600
#26A3A6
700
#1F8385
800
#186668
900
#154B4C
950
#0D2F30

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026