#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

ม.ค. 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