#BACDFD Color

Color Information

HEX#BACDFD
RGB186, 205, 253
HSL223° , 94% , 86%
HSV223° , 26% , 99%
CMYK26%, 19%, 0%, 1%

Lighter Shades

#C2D3FD #CBD9FD #D3DFFE #DBE5FE #E3EBFE #ECF1FE

Darker Shades

#A4B4DF #8D9CC0 #7783A2 #616B84 #4A5265 #343947

Complementary Palette

#A0B0DA #BACDFD #DAC9A0 #FDEABA #FDEDC4 #C4D4FD

Analogous Palette

#B5D4DE #C1EAF6 #AFC1EE #BACDFD #CCC1F6 #CFC5F6

Triadic Palette

#A4B4DF #BACDFD #FFB8CC #FFC1D2 #CCFFB8 #B4E0A2

Split Complementary Palette

#A7B9E4 #BACDFD #FDC8BA #FDCEC1 #EEFDBA #D6E4A7

Square Palette

#9CACD5 #BACDFD #F9BDEC #F9E8BD #BAFDC8 #C5FDD1

Tetradic Palette

#99A8CF #BACDFD #EBB8FF #FDEABA #CCFFB8 #D5FFC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BACDFD contains 186 red, 205 green, and 253 blue.

Contrast Ratio: 1.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.39:1