#BCCBFD

#BCCBFD

Color Values

HEX

#BCCBFD

RGB

188, 203, 253

HSL

226,2, 94,2%, 86,5%

HSV

226,2, 25,7%, 99,2%

CMYK

25,7%, 19,8%, 0,0%, 0,8%

OKLCH

0,8477 0,0719 271,8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCCBFD

#FDEEBC

Analogous

#BCEBFD

#CEBCFD

#BCCBFD

Triadic

#BCCBFD

#FDBCCB

#CBFDBC

Split Complementary

#BCCBFD

#FDCEBC

#EBFDBC

Tetradic

#BCCBFD

#FDBCEB

#FDEEBC

#BCFDCE

Color Blindness Simulation

Original

#BCCBFD

Protanopia

#C2C3F1

Deuteranopia

#C2C0EE

Tritanopia

#BDE7E5

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BAC9FD
300
#88A3FB
400
#4871FA
500
#073FF8
600
#0632C6
700
#05289E
800
#041F7C
900
#071A5A
950
#051139

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,1:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Янв 18, 2026