#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

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