#BCCAEB

#BCCAEB

Color Values

HEX

#BCCAEB

RGB

188, 202, 235

HSL

222,1, 54,0%, 82,9%

HSV

222,1, 20,0%, 92,2%

CMYK

20,0%, 14,0%, 0,0%, 7,8%

OKLCH

0,839 0,0487 267,2

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BCCAEB

#EBDDBC

Analogous

#BCE1EB

#C5BCEB

#BCCAEB

Triadic

#BCCAEB

#EBBCCA

#CAEBBC

Split Complementary

#BCCAEB

#EBC5BC

#E1EBBC

Tetradic

#BCCAEB

#EBBCE1

#EBDDBC

#BCEBC5

Color Blindness Simulation

Original

#BCCAEB

Protanopia

#C2C2E3

Deuteranopia

#C1C0E1

Tritanopia

#BDDDDB

Achromatopsia

#C9C9C9

CSS Usage

background-color: #BCCAEB;
color: #BCCAEB;
border-color: #BCCAEB;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F4F6FB
100
#E5EAF5
200
#C8D4EF
300
#A1B4E3
400
#6E8CD4
500
#3B64C4
600
#2F509D
700
#26407E
800
#1D3262
900
#192748
950
#10192D

Contrast Checker

Text on white

1,64:1

AA Fail AAA Fail

Text on black

12,79: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