#B2BAF0 Color

Color Information

HEX#B2BAF0
RGB178, 186, 240
HSL232° , 67% , 82%
HSV232° , 26% , 94%
CMYK26%, 23%, 0%, 6%

Lighter Shades

#BBC2F2 #C4CBF4 #CED3F5 #D7DBF7 #E0E3F9 #E9ECFB

Darker Shades

#9DA4D3 #878DB6 #72779A #5D617D #474A60 #323443

Complementary Palette

#99A0CE #B2BAF0 #CEC899 #F0E8B2 #F2EBBD #BDC4F2

Analogous Palette

#AFC4D0 #BCD7E7 #A7AFE2 #B2BAF0 #CBBCE7 #CEBFE8

Triadic Palette

#9DA4D3 #B2BAF0 #F4AEB8 #F5B8C1 #B8F4AE #A2D799

Split Complementary Palette

#A0A7D8 #B2BAF0 #F0C9B2 #F2CEBA #D9F0B2 #C3D8A0

Square Palette

#969CCA #B2BAF0 #EBB7D8 #EBE4B7 #B2F0C9 #BEF2D2

Tetradic Palette

#9299C5 #B2BAF0 #EEAAF8 #F0E8B2 #B6F8AA #C3F9B9

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2BAF0 contains 178 red, 186 green, and 240 blue.

Contrast Ratio: 1.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.34:1