#BADFF0 Color

Color Information

HEX#BADFF0
RGB186, 223, 240
HSL199° , 64% , 84%
HSV199° , 23% , 94%
CMYK23%, 7%, 0%, 6%

Lighter Shades

#C2E3F2 #CBE7F4 #D3EBF5 #DBEEF7 #E3F2F9 #ECF6FB

Darker Shades

#A4C4D3 #8DA9B6 #778F9A #61747D #4A5960 #343E43

Complementary Palette

#A0C0CE #BADFF0 #CEB0A2 #F0CDBC #F2D4C5 #C4E3F2

Analogous Palette

#B8D1CD #C5E8E2 #AFD2E2 #BADFF0 #C5CCE8 #C8CFE9

Triadic Palette

#A4C4D3 #BADFF0 #F4B8E2 #F5C1E5 #E2F4B8 #C7D7A2

Split Complementary Palette

#A7C9D8 #BADFF0 #F0BCC6 #F2C3CC #F0E7BC #D8D0A9

Square Palette

#9CBBCA #BADFF0 #E5C1EC #ECCFC1 #C6F0BC #CFF2C7

Tetradic Palette

#99B7C5 #BADFF0 #CBB5F7 #F0CDBC #E3F7B5 #E8F8C2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADFF0 contains 186 red, 223 green, and 240 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: 15.04:1