#BADEFE Color

Color Information

HEX#BADEFE
RGB186, 222, 254
HSL208° , 97% , 86%
HSV208° , 27% , 100%
CMYK27%, 13%, 0%, 0%

Lighter Shades

#C2E2FE #CBE6FE #D3EAFE #DBEEFE #E3F2FF #ECF6FF

Darker Shades

#A4C3E0 #8DA9C1 #778EA3 #617384 #4A5966 #343E47

Complementary Palette

#A0BFDA #BADEFE #DABB9F #FED9B9 #FEDEC3 #C4E3FE

Analogous Palette

#B4DFDD #C0F7F5 #AFD1EF #BADEFE #C0C2F7 #C4C5F7

Triadic Palette

#A4C3E0 #BADEFE #FFB8DE #FFC1E2 #DEFFB8 #C3E0A2

Split Complementary Palette

#A7C8E5 #BADEFE #FEB9BB #FEC0C2 #FEFCB9 #E5E3A7

Square Palette

#9CBAD5 #BADEFE #F8BCFA #FAD9BC #BBFEB9 #C6FEC4

Tetradic Palette

#99B6D0 #BADEFE #D9B8FF #FED9B9 #DEFFB8 #E4FFC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADEFE contains 186 red, 222 green, and 254 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.1:1