#BADCDF Color

Color Information

HEX#BADCDF
RGB186, 220, 223
HSL185° , 37% , 80%
HSV185° , 17% , 87%
CMYK17%, 1%, 0%, 13%

Lighter Shades

#C2E0E3 #CBE4E7 #D3E9EB #DBEDEE #E3F1F2 #ECF5F6

Darker Shades

#A4C2C4 #8DA7A9 #778D8F #617274 #4A5859 #343E3E

Complementary Palette

#A0BDC0 #BADCDF #C0A29F #DFBCB9 #E3C5C3 #C4E1E3

Analogous Palette

#B3C7BE #C3D5CD #AFCFD2 #BADCDF #C3CBD5 #C9CFD9

Triadic Palette

#A4C2C4 #BADCDF #E4B4E0 #E7BDE4 #E0E4B4 #C5C99E

Split Complementary Palette

#A7C6C9 #BADCDF #DFB9C9 #E2C0CE #DFCFB9 #C9BAA7

Square Palette

#9CB9BB #BADCDF #CEBEDA #DAC1BE #C9DFB9 #D2E4C4

Tetradic Palette

#99B4B7 #BADCDF #B5B0E8 #DFBCB9 #E3E8B0 #E8ECBE

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BADCDF contains 186 red, 220 green, and 223 blue.

Contrast Ratio: 1.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.54:1