#BCEBFF

#BCEBFF

Color Values

HEX

#BCEBFF

RGB

188, 235, 255

HSL

197,9, 100,0%, 86,9%

HSV

197,9, 26,3%, 100,0%

CMYK

26,3%, 7,8%, 0,0%, 0,0%

OKLCH

0,9137 0,0555 225,7

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BCEBFF

#FFD0BC

Analogous

#BCFFF2

#BCCAFF

#BCEBFF

Triadic

#BCEBFF

#FFBCEB

#EBFFBC

Split Complementary

#BCEBFF

#FFBCCA

#FFF2BC

Tetradic

#BCEBFF

#F2BCFF

#FFD0BC

#CAFFBC

Color Blindness Simulation

Original

#BCEBFF

Protanopia

#D0D1FA

Deuteranopia

#CECAF9

Tritanopia

#BEF6F6

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8EAFF
300
#85DAFF
400
#42C7FF
500
#00B3FF
600
#008FCC
700
#0073A3
800
#005980
900
#05425C
950
#032A3A

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,47: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