#BACCEB

#BACCEB

Color Values

HEX

#BACCEB

RGB

186, 204, 235

HSL

218.0, 55.1%, 82.5%

HSV

218.0, 20.9%, 92.2%

CMYK

20.9%, 13.2%, 0.0%, 7.8%

OKLCH

0.8417 0.0477 261.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BACCEB

#EBD9BA

Analogous

#BAE4EB

#C0BAEB

#BACCEB

Triadic

#BACCEB

#EBBACC

#CCEBBA

Split Complementary

#BACCEB

#EBC0BA

#E4EBBA

Tetradic

#BACCEB

#EBBAE4

#EBD9BA

#BAEBC0

Color Blindness Simulation

Original

#BACCEB

Protanopia

#C2C2E4

Deuteranopia

#C1BFE2

Tritanopia

#BBDEDC

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF6
200
#C8D6EF
300
#A0B9E4
400
#6D93D5
500
#396DC6
600
#2E579E
700
#25467F
800
#1D3663
900
#182A48
950
#0F1B2E

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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