#B4DDFF Color

Color Information

HEX#B4DDFF
RGB180, 221, 255
HSL207° , 100% , 85%
HSV207° , 29% , 100%
CMYK29%, 13%, 0%, 0%

Lighter Shades

#BDE1FF #C6E5FF #CFE9FF #D8EDFF #E1F1FF #EAF5FF

Darker Shades

#9EC2E0 #89A8C2 #738DA3 #5E7385 #485866 #323E47

Complementary Palette

#9BBEDB #B4DDFF #DBB79A #FFD5B3 #FFDBBE #BFE2FF

Analogous Palette

#AEE0DD #BAF7F4 #A9D0F0 #B4DDFF #BABCF7 #BFC2F8

Triadic Palette

#9EC2E0 #B4DDFF #FFB3DD #FFBCE1 #DDFFB3 #C2E09E

Split Complementary Palette

#A2C7E6 #B4DDFF #FFB3B6 #FFBBBD #FFFBB3 #E6E2A1

Square Palette

#97BAD6 #B4DDFF #F8B6FB #FBD5B6 #B6FFB3 #C2FFBF

Tetradic Palette

#94B5D1 #B4DDFF #D5B3FF #FFD5B3 #DDFFB3 #E3FFC1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B4DDFF contains 180 red, 221 green, and 255 blue.

Contrast Ratio: 1.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.86:1