#BCE6FD

#BCE6FD

Color Values

HEX

#BCE6FD

RGB

188, 230, 253

HSL

201.2, 94.2%, 86.5%

HSV

201.2, 25.7%, 99.2%

CMYK

25.7%, 9.1%, 0.0%, 0.8%

OKLCH

0.9026 0.0539 232.1

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#BCE6FD

#FDD3BC

Analogous

#BCFDF3

#BCC6FD

#BCE6FD

Triadic

#BCE6FD

#FDBCE6

#E6FDBC

Split Complementary

#BCE6FD

#FDBCC6

#FDF3BC

Tetradic

#BCE6FD

#F3BCFD

#FDD3BC

#C6FDBC

Color Blindness Simulation

Original

#BCE6FD

Protanopia

#CECFF7

Deuteranopia

#CCC9F6

Tritanopia

#BEF3F2

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1F9FD
100
#DFF1FB
200
#BAE5FD
300
#88D3FB
400
#48BBFA
500
#07A3F8
600
#0682C6
700
#05689E
800
#04517C
900
#073C5A
950
#052639

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.88:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026