#B2C3D6 Color

Color Information

HEX#B2C3D6
RGB178, 195, 214
HSL212° , 31% , 77%
HSV212° , 17% , 84%
CMYK17%, 9%, 0%, 16%

Lighter Shades

#BBCADB #C4D1E0 #CED9E5 #D7E0EA #E0E7EF #E9EEF4

Darker Shades

#9DACBC #8794A3 #727D89 #5D656F #474E56 #32373C

Complementary Palette

#99A8B8 #B2C3D6 #B9AA99 #D7C6B2 #DDCEBD #BDCBDC

Analogous Palette

#AABFC0 #BCCCCD #A7B7C9 #B2C3D6 #BCBCCD #C2C1D1

Triadic Palette

#9DACBC #B2C3D6 #DDACC3 #E1B6CA #C3DDAC #ACC297

Split Complementary Palette

#A0B0C1 #B2C3D6 #D7B3B2 #DBBBBA #D5D7B2 #C0C2A0

Square Palette

#96A4B4 #B2C3D6 #D1B7D0 #D1C5B7 #B2D7B3 #BEDDBF

Tetradic Palette

#92A0AF #B2C3D6 #C6A7E2 #D7C6B2 #C2E2A7 #CDE7B7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2C3D6 contains 178 red, 195 green, and 214 blue.

Contrast Ratio: 1.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.84:1