#BCEBFD

#BCEBFD

Color Values

HEX

#BCEBFD

RGB

188, 235, 253

HSL

196.6, 94.2%, 86.5%

HSV

196.6, 25.7%, 99.2%

CMYK

25.7%, 7.1%, 0.0%, 0.8%

OKLCH

0.913 0.0542 223.2

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BCEBFD

#FDCEBC

Analogous

#BCFDEF

#BCCBFD

#BCEBFD

Triadic

#BCEBFD

#FDBCEB

#EBFDBC

Split Complementary

#BCEBFD

#FDBCCB

#FDEFBC

Tetradic

#BCEBFD

#EFBCFD

#FDCEBC

#CBFDBC

Color Blindness Simulation

Original

#BCEBFD

Protanopia

#D0D1F9

Deuteranopia

#CECAF8

Tritanopia

#BEF5F4

Achromatopsia

#E2E2E2

CSS Usage

background-color: #BCEBFD;
color: #BCEBFD;
border-color: #BCEBFD;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BAEAFD
300
#88DCFB
400
#48C8FA
500
#07B5F8
600
#0691C6
700
#05749E
800
#045B7C
900
#07435A
950
#052A39

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.44: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