#BCDBF3

#BCDBF3

Color Values

HEX

#BCDBF3

RGB

188, 219, 243

HSL

206,2, 69,6%, 84,5%

HSV

206,2, 22,6%, 95,3%

CMYK

22,6%, 9,9%, 0,0%, 4,7%

OKLCH

0,8765 0,0468 241,4

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BCDBF3

#F3D4BC

Analogous

#BCF3EF

#BCBFF3

#BCDBF3

Triadic

#BCDBF3

#F3BCDB

#DBF3BC

Split Complementary

#BCDBF3

#F3BCBF

#F3EFBC

Tetradic

#BCDBF3

#EFBCF3

#F3D4BC

#BFF3BC

Color Blindness Simulation

Original

#BCDBF3

Protanopia

#C9CAED

Deuteranopia

#C8C5EC

Tritanopia

#BEE9E8

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C2DEF4
300
#97C7EC
400
#5FA9E2
500
#278BD8
600
#1F6FAD
700
#19598A
800
#13456C
900
#12344F
950
#0B2132

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

14,57: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