#BCC5DF

#BCC5DF

Color Values

HEX

#BCC5DF

RGB

188, 197, 223

HSL

224.6, 35.4%, 80.6%

HSV

224.6, 15.7%, 87.5%

CMYK

15.7%, 11.7%, 0.0%, 12.5%

OKLCH

0.8247 0.0378 270.4

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#BCC5DF

#DFD6BC

Analogous

#BCD7DF

#C5BCDF

#BCC5DF

Triadic

#BCC5DF

#DFBCC5

#C5DFBC

Split Complementary

#BCC5DF

#DFC5BC

#D7DFBC

Tetradic

#BCC5DF

#DFBCD7

#DFD6BC

#BCDFC5

Color Blindness Simulation

Original

#BCC5DF

Protanopia

#C0C0D9

Deuteranopia

#BFBFD7

Tritanopia

#BCD4D3

Achromatopsia

#C5C5C5

CSS Usage

background-color: #BCC5DF;
color: #BCC5DF;
border-color: #BCC5DF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F6FA
100
#E8EBF3
200
#CFD5E8
300
#ACB7D7
400
#7F90C2
500
#526AAD
600
#42548A
700
#35446E
800
#293556
900
#212940
950
#151A28

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026