#BADCFC Color

Color Information

HEX#BADCFC
RGB186, 220, 252
HSL209° , 92% , 86%
HSV209° , 26% , 99%
CMYK26%, 13%, 0%, 1%

Lighter Shades

#C2E0FC #CBE4FD #D3E9FD #DBEDFD #E3F1FE #ECF5FE

Darker Shades

#A4C2DE #8DA7C0 #778DA1 #617283 #4A5865 #343E47

Complementary Palette

#A0BDD9 #BADCFC #D9BBA0 #FCDABA #FCDFC4 #C4E1FC

Analogous Palette

#B6DDDD #C2F5F4 #AFCFED #BADCFC #C2C3F5 #C6C7F5

Triadic Palette

#A4C2DE #BADCFC #FFB8DC #FFC1E0 #DCFFB8 #C2E0A2

Split Complementary Palette

#A7C6E3 #BADCFC #FCBABC #FCC1C3 #FCFBBA #E3E2A7

Square Palette

#9CB9D4 #BADCFC #F8BEF9 #F9DABE #BCFCBA #C7FCC5

Tetradic Palette

#99B4CF #BADCFC #DAB8FF #FCDABA #DCFFB8 #E2FFC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADCFC contains 186 red, 220 green, and 252 blue.

Contrast Ratio: 1.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.87:1