#BCCFE7

#BCCFE7

Color Values

HEX

#BCCFE7

RGB

188, 207, 231

HSL

213.5, 47.3%, 82.2%

HSV

213.5, 18.6%, 90.6%

CMYK

18.6%, 10.4%, 0.0%, 9.4%

OKLCH

0.8478 0.0394 254.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BCCFE7

#E7D4BC

Analogous

#BCE5E7

#BFBCE7

#BCCFE7

Triadic

#BCCFE7

#E7BCCF

#CFE7BC

Split Complementary

#BCCFE7

#E7BFBC

#E5E7BC

Tetradic

#BCCFE7

#E7BCE5

#E7D4BC

#BCE7BF

Color Blindness Simulation

Original

#BCCFE7

Protanopia

#C4C4E1

Deuteranopia

#C3C2E0

Tritanopia

#BDDDDC

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CAD9EC
300
#A5BEDF
400
#749BCD
500
#4378BC
600
#366096
700
#2B4D78
800
#223C5E
900
#1C2E45
950
#121D2C

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026