#B2DDF0 Color

Color Information

HEX#B2DDF0
RGB178, 221, 240
HSL198° , 67% , 82%
HSV198° , 26% , 94%
CMYK26%, 8%, 0%, 6%

Lighter Shades

#BBE1F2 #C4E5F4 #CEE9F5 #D7EDF7 #E0F1F9 #E9F5FB

Darker Shades

#9DC2D3 #87A8B6 #728D9A #5D737D #475860 #323E43

Complementary Palette

#99BECE #B2DDF0 #CEA999 #F0C5B2 #F2CDBD #BDE2F2

Analogous Palette

#AFD0C9 #BCE7DE #A7D0E2 #B2DDF0 #BCC5E7 #BFC8E8

Triadic Palette

#9DC2D3 #B2DDF0 #F4AEDF #F5B8E3 #DFF4AE #C4D799

Split Complementary Palette

#A0C7D8 #B2DDF0 #F0B2BF #F2BAC5 #F0E4B2 #D8CDA0

Square Palette

#96BACA #B2DDF0 #E1B7EB #EBC7B7 #BFF0B2 #C9F2BE

Tetradic Palette

#92B5C5 #B2DDF0 #C1AAF8 #F0C5B2 #E1F8AA #E6F9B9

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2DDF0 contains 178 red, 221 green, and 240 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.63:1