#BCDFFC

#BCDFFC

Color Values

HEX

#BCDFFC

RGB

188, 223, 252

HSL

207,2, 91,4%, 86,3%

HSV

207,2, 25,4%, 98,8%

CMYK

25,4%, 11,5%, 0,0%, 1,2%

OKLCH

0,8878 0,0545 243,4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BCDFFC

#FCD9BC

Analogous

#BCFCF9

#BCBFFC

#BCDFFC

Triadic

#BCDFFC

#FCBCDF

#DFFCBC

Split Complementary

#BCDFFC

#FCBCBF

#FCF9BC

Tetradic

#BCDFFC

#F9BCFC

#FCD9BC

#BFFCBC

Color Blindness Simulation

Original

#BCDFFC

Protanopia

#CBCBF5

Deuteranopia

#C9C6F3

Tritanopia

#BEEFEE

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC7FA
400
#4AA9F7
500
#0B8AF4
600
#096FC3
700
#07599C
800
#05457A
900
#093458
950
#052138

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,1:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026