#BADDFD Color

Color Information

HEX#BADDFD
RGB186, 221, 253
HSL209° , 94% , 86%
HSV209° , 26% , 99%
CMYK26%, 13%, 0%, 1%

Lighter Shades

#C2E1FD #CBE5FD #D3E9FE #DBEDFE #E3F1FE #ECF5FE

Darker Shades

#A4C2DF #8DA8C0 #778DA2 #617384 #4A5865 #343E47

Complementary Palette

#A0BEDA #BADDFD #DABBA0 #FDDABA #FDDFC4 #C4E2FD

Analogous Palette

#B5DEDD #C1F6F5 #AFD0EE #BADDFD #C1C2F6 #C5C5F6

Triadic Palette

#A4C2DF #BADDFD #FFB8DB #FFC1DF #DBFFB8 #C1E0A2

Split Complementary Palette

#A7C7E4 #BADDFD #FDBABB #FDC1C2 #FDFCBA #E4E3A7

Square Palette

#9CBAD5 #BADDFD #F8BDF9 #F9DABD #BBFDBA #C6FDC5

Tetradic Palette

#99B5CF #BADDFD #DAB8FF #FDDABA #DBFFB8 #E1FFC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADDFD contains 186 red, 221 green, and 253 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