#BCD3DE Color

Color Information

HEX#BCD3DE
RGB188, 211, 222
HSL199° , 34% , 80%
HSV199° , 15% , 87%
CMYK15%, 5%, 0%, 13%

Lighter Shades

#C4D8E2 #CCDEE6 #D4E3EA #DCE8EE #E4EDF2 #ECF3F6

Darker Shades

#A5BAC3 #8FA0A9 #78878E #626E73 #4B5459 #353B3E

Complementary Palette

#A2B5BF #BCD3DE #BEAAA1 #DDC6BB #E2CEC5 #C5D9E3

Analogous Palette

#B3C7C3 #C4D4D1 #B1C6D1 #BCD3DE #C4C7D4 #CACDD8

Triadic Palette

#A5BAC3 #BCD3DE #E2B6D4 #E5BFD9 #D4E2B6 #BBC7A0

Split Complementary Palette

#A9BEC8 #BCD3DE #DDBBC1 #E0C2C7 #DDD7BB #C7C2A8

Square Palette

#9EB1BA #BCD3DE #D3C0D8 #D8C8C0 #C1DDBB #CBE2C6

Tetradic Palette

#9AADB6 #BCD3DE #C2B2E6 #DDC6BB #D6E6B2 #DDEBC0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BCD3DE contains 188 red, 211 green, and 222 blue.

Contrast Ratio: 1.54:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 13.67:1