#BADAFD Color

Color Information

HEX#BADAFD
RGB186, 218, 253
HSL211° , 94% , 86%
HSV211° , 26% , 99%
CMYK26%, 14%, 0%, 1%

Lighter Shades

#C2DEFD #CBE3FD #D3E7FE #DBECFE #E3F0FE #ECF5FE

Darker Shades

#A4C0DF #8DA6C0 #778CA2 #617184 #4A5765 #343D47

Complementary Palette

#A0BBDA #BADAFD #DABDA0 #FDDCBA #FDE1C4 #C4DFFD

Analogous Palette

#B5DDDE #C1F5F6 #AFCDEE #BADAFD #C2C1F6 #C5C5F6

Triadic Palette

#A4C0DF #BADAFD #FFB8DA #FFC1DE #DAFFB8 #C0E0A2

Split Complementary Palette

#A7C4E4 #BADAFD #FDBBBA #FDC2C1 #FCFDBA #E3E4A7

Square Palette

#9CB7D5 #BADAFD #F9BDF8 #F9DBBD #BAFDBB #C5FDC6

Tetradic Palette

#99B3CF #BADAFD #DBB8FF #FDDCBA #DAFFB8 #E1FFC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADAFD contains 186 red, 218 green, and 253 blue.

Contrast Ratio: 1.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.67:1