#BACEEB

#BACEEB

Color Values

HEX

#BACEEB

RGB

186, 206, 235

HSL

215.5, 55.1%, 82.5%

HSV

215.5, 20.9%, 92.2%

CMYK

20.9%, 12.3%, 0.0%, 7.8%

OKLCH

0.8457 0.0461 257.6

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BACEEB

#EBD7BA

Analogous

#BAE6EB

#BEBAEB

#BACEEB

Triadic

#BACEEB

#EBBACE

#CEEBBA

Split Complementary

#BACEEB

#EBBEBA

#E6EBBA

Tetradic

#BACEEB

#EBBAE6

#EBD7BA

#BAEBBE

Color Blindness Simulation

Original

#BACEEB

Protanopia

#C3C3E4

Deuteranopia

#C2C0E2

Tritanopia

#BBDEDD

Achromatopsia

#CCCCCC

CSS Usage

background-color: #BACEEB;
color: #BACEEB;
border-color: #BACEEB;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F4F7FB
100
#E5ECF6
200
#C8D8EF
300
#A0BCE4
400
#6D97D5
500
#3973C6
600
#2E5C9E
700
#25497F
800
#1D3963
900
#182C48
950
#0F1C2E

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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