#B2BAD5 Color

Color Information

HEX#B2BAD5
RGB178, 186, 213
HSL226° , 29% , 77%
HSV226° , 16% , 84%
CMYK16%, 13%, 0%, 16%

Lighter Shades

#BBC2DA #C4CBDF #CED3E4 #D7DBE9 #E0E3EE #E9ECF3

Darker Shades

#9DA4BB #878DA2 #727788 #5D616F #474A55 #32343C

Complementary Palette

#99A0B7 #B2BAD5 #B7B09A #D5CDB3 #DBD4BE #BDC4DB

Analogous Palette

#AABBC0 #BCC8CD #A7AFC8 #B2BAD5 #C0BCCD #C5C1D1

Triadic Palette

#9DA4BB #B2BAD5 #DBADB8 #DFB7C1 #B8DBAD #A2C198

Split Complementary Palette

#A0A7C0 #B2BAD5 #D5BCB3 #D9C3BB #CCD5B3 #B8C0A1

Square Palette

#969CB3 #B2BAD5 #CFB9CA #CFCAB9 #B3D5BC #BFDCC7

Tetradic Palette

#9299AF #B2BAD5 #D3A9E0 #D5CDB3 #B6E0A9 #C3E6B8

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2BAD5 contains 178 red, 186 green, and 213 blue.

Contrast Ratio: 1.9:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.04:1