#B2BDF6 Color

Color Information

HEX#B2BDF6
RGB178, 189, 246
HSL230° , 79% , 83%
HSV230° , 28% , 96%
CMYK28%, 23%, 0%, 4%

Lighter Shades

#BBC5F7 #C4CDF8 #CED5F9 #D7DDFA #E0E5FB #E9EDFC

Darker Shades

#9DA6D8 #8790BB #72799D #5D6280 #474C62 #323545

Complementary Palette

#99A3D4 #B2BDF6 #D4C998 #F6EAB1 #F7EDBC #BDC6F7

Analogous Palette

#AEC8D5 #BADCED #A7B2E7 #B2BDF6 #CBBAED #CEBEEF

Triadic Palette

#9DA6D8 #B2BDF6 #FAADBA #FBB7C2 #BAFAAD #A4DC98

Split Complementary Palette

#A0AADD #B2BDF6 #F6C8B1 #F7CEB9 #DFF6B1 #C9DD9F

Square Palette

#969FCF #B2BDF6 #F2B6DE #F2E8B6 #B1F6C8 #BDF7D1

Tetradic Palette

#929BCA #B2BDF6 #F0AAFE #F6EAB1 #B8FEAA #C5FEB9

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2BDF6 contains 178 red, 189 green, and 246 blue.

Contrast Ratio: 1.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.66:1