#BCDFFA

#BCDFFA

Color Values

HEX

#BCDFFA

RGB

188, 223, 250

HSL

206.1, 86.1%, 85.9%

HSV

206.1, 24.8%, 98.0%

CMYK

24.8%, 10.8%, 0.0%, 2.0%

OKLCH

0.8872 0.0525 241.4

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#BCDFFA

#FAD7BC

Analogous

#BCFAF6

#BCC0FA

#BCDFFA

Triadic

#BCDFFA

#FABCDF

#DFFABC

Split Complementary

#BCDFFA

#FABCC0

#FAF6BC

Tetradic

#BCDFFA

#F6BCFA

#FAD7BC

#C0FABC

Color Blindness Simulation

Original

#BCDFFA

Protanopia

#CBCBF3

Deuteranopia

#C9C6F2

Tritanopia

#BEEEED

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BDDFFA
300
#8DC9F6
400
#4FABF2
500
#128EED
600
#0E71BE
700
#0B5B98
800
#094777
900
#0B3556
950
#072236

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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