#BADADE Color

Color Information

HEX#BADADE
RGB186, 218, 222
HSL187° , 35% , 80%
HSV187° , 16% , 87%
CMYK16%, 2%, 0%, 13%

Lighter Shades

#C2DEE2 #CBE3E6 #D3E7EA #DBECEE #E3F0F2 #ECF5F6

Darker Shades

#A4C0C3 #8DA6A9 #778C8E #617173 #4A5759 #343D3E

Complementary Palette

#A0BBBF #BADADE #BFA3A0 #DEBEBA #E3C7C4 #C4DFE3

Analogous Palette

#B3C7BF #C4D4CE #AFCDD1 #BADADE #C4CAD4 #CACFD8

Triadic Palette

#A4C0C3 #BADADE #E3B5DE #E6BEE2 #DEE3B5 #C3C89F

Split Complementary Palette

#A7C4C8 #BADADE #DEBAC8 #E1C1CE #DED0BA #C8BBA7

Square Palette

#9CB7BA #BADADE #CFBFD9 #D9C2BF #C8DEBA #D1E3C5

Tetradic Palette

#99B3B6 #BADADE #B7B1E7 #DEBEBA #E1E7B1 #E6EBBF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADADE contains 186 red, 218 green, and 222 blue.

Contrast Ratio: 1.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.32:1