#BCE9FD

#BCE9FD

Color Values

HEX

#BCE9FD

RGB

188, 233, 253

HSL

198.5, 94.2%, 86.5%

HSV

198.5, 25.7%, 99.2%

CMYK

25.7%, 7.9%, 0.0%, 0.8%

OKLCH

0.9089 0.0539 226.7

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BCE9FD

#FDD0BC

Analogous

#BCFDF1

#BCC9FD

#BCE9FD

Triadic

#BCE9FD

#FDBCE9

#E9FDBC

Split Complementary

#BCE9FD

#FDBCC9

#FDF1BC

Tetradic

#BCE9FD

#F1BCFD

#FDD0BC

#C9FDBC

Color Blindness Simulation

Original

#BCE9FD

Protanopia

#CFD0F8

Deuteranopia

#CDCAF7

Tritanopia

#BEF4F4

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BAE8FD
300
#88D8FB
400
#48C3FA
500
#07AEF8
600
#068BC6
700
#056F9E
800
#04577C
900
#07405A
950
#052939

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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