#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

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

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

Янв 18, 2026