#B2DDFF Color

Color Information

HEX#B2DDFF
RGB178, 221, 255
HSL206° , 100% , 85%
HSV206° , 30% , 100%
CMYK30%, 13%, 0%, 0%

Lighter Shades

#BBE1FF #C4E5FF #CEE9FF #D7EDFF #E0F1FF #E9F5FF

Darker Shades

#9DC2E0 #87A8C2 #728DA3 #5D7385 #475866 #323E47

Complementary Palette

#99BEDB #B2DDFF #DBB69A #FFD4B3 #FFDABE #BDE2FF

Analogous Palette

#AEE0DC #BAF7F3 #A7D0F0 #B2DDFF #BABEF7 #BFC3F8

Triadic Palette

#9DC2E0 #B2DDFF #FFB3DE #FFBCE2 #DEFFB3 #C3E09E

Split Complementary Palette

#A0C7E6 #B2DDFF #FFB3B8 #FFBBBF #FFFAB3 #E6E1A1

Square Palette

#96BAD6 #B2DDFF #F7B6FB #FBD4B6 #B8FFB3 #C3FFBF

Tetradic Palette

#92B5D1 #B2DDFF #D4B3FF #FFD4B3 #DEFFB3 #E4FFC1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2DDFF contains 178 red, 221 green, and 255 blue.

Contrast Ratio: 1.42:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.81:1