#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026