#BCDCF5 Color

Color Information

HEX#BCDCF5
RGB188, 220, 245
HSL206° , 74% , 85%
HSV206° , 23% , 96%
CMYK23%, 10%, 0%, 4%

Lighter Shades

#C4E0F6 #CCE4F7 #D4E9F9 #DCEDFA #E4F1FB #ECF5FC

Darker Shades

#A5C2D8 #8FA7BA #788D9D #62727F #4B5862 #353E45

Complementary Palette

#A2BDD3 #BCDCF5 #D3B7A2 #F5D5BC #F6DBC5 #C5E1F6

Analogous Palette

#B8D5D4 #C4EDEB #B1CFE6 #BCDCF5 #C4C7ED #C8CBEF

Triadic Palette

#A5C2D8 #BCDCF5 #F9B9DE #FAC1E2 #DEF9B9 #C3DBA3

Split Complementary Palette

#A9C6DD #BCDCF5 #F5BCC0 #F6C3C6 #F5F1BC #DDD9A9

Square Palette

#9EB9CE #BCDCF5 #EEC0F1 #F1D5C0 #C0F5BC #CAF7C7

Tetradic Palette

#9AB4C9 #BCDCF5 #D4B6FC #F5D5BC #DFFCB6 #E5FDC3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BCDCF5 contains 188 red, 220 green, and 245 blue.

Contrast Ratio: 1.42:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.83:1