#BCCEDC

#BCCEDC

Color Values

HEX

#BCCEDC

RGB

188, 206, 220

HSL

206.2, 31.4%, 80.0%

HSV

206.2, 14.5%, 86.3%

CMYK

14.5%, 6.4%, 0.0%, 13.7%

OKLCH

0.8421 0.0277 241.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BCCEDC

#DCCABC

Analogous

#BCDCDA

#BCBEDC

#BCCEDC

Triadic

#BCCEDC

#DCBCCE

#CEDCBC

Split Complementary

#BCCEDC

#DCBCBE

#DCDABC

Tetradic

#BCCEDC

#DABCDC

#DCCABC

#BEDCBC

Color Blindness Simulation

Original

#BCCEDC

Protanopia

#C4C4D9

Deuteranopia

#C3C1D8

Tritanopia

#BDD6D5

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DDE7
300
#AFC4D5
400
#83A4BE
500
#5785A8
600
#466A86
700
#38556B
800
#2C4254
900
#23323E
950
#162027

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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