#BCDEF0 Color

Color Information

HEX#BCDEF0
RGB188, 222, 240
HSL201° , 63% , 84%
HSV201° , 22% , 94%
CMYK22%, 8%, 0%, 6%

Lighter Shades

#C4E2F2 #CCE6F4 #D4EAF5 #DCEEF7 #E4F2F9 #ECF6FB

Darker Shades

#A5C3D3 #8FA9B6 #788E9A #62737D #4B5960 #353E43

Complementary Palette

#A2BFCE #BCDEF0 #CEB1A2 #F0CEBC #F2D5C5 #C5E3F2

Analogous Palette

#B8D1CD #C5E8E2 #B1D1E2 #BCDEF0 #C5CAE8 #C8CEE9

Triadic Palette

#A5C3D3 #BCDEF0 #F4B8DF #F5C1E3 #DFF4B8 #C4D7A2

Split Complementary Palette

#A9C8D8 #BCDEF0 #F0BCC4 #F2C3CA #F0E8BC #D8D1A9

Square Palette

#9EBACA #BCDEF0 #E5C1EC #ECD0C1 #C4F0BC #CDF2C7

Tetradic Palette

#9AB6C5 #BCDEF0 #CCB5F7 #F0CEBC #E0F7B5 #E6F8C2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BCDEF0 contains 188 red, 222 green, and 240 blue.

Contrast Ratio: 1.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.98:1