#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

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