#BADEFF Color

Color Information

HEX#BADEFF
RGB186, 222, 255
HSL209° , 100% , 86%
HSV209° , 27% , 100%
CMYK27%, 13%, 0%, 0%

Lighter Shades

#C2E2FF #CBE6FF #D3EAFF #DBEEFF #E3F2FF #ECF6FF

Darker Shades

#A4C3E0 #8DA9C2 #778EA3 #617385 #4A5966 #343E47

Complementary Palette

#A0BFDB #BADEFF #DBBB9E #FFDAB8 #FFDFC2 #C4E3FF

Analogous Palette

#B3E0DF #BFF8F7 #AFD1F0 #BADEFF #BFC0F8 #C3C4F8

Triadic Palette

#A4C3E0 #BADEFF #FFB8DB #FFC1DF #DBFFB8 #C1E0A2

Split Complementary Palette

#A7C8E6 #BADEFF #FFB8B9 #FFBFC0 #FFFEB8 #E6E5A6

Square Palette

#9CBAD6 #BADEFF #FABBFB #FBDABB #B9FFB8 #C4FFC3

Tetradic Palette

#99B6D1 #BADEFF #DAB8FF #FFDAB8 #DBFFB8 #E1FFC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADEFF contains 186 red, 222 green, and 255 blue.

Contrast Ratio: 1.39:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.11:1