#B4DCF4 Color

Color Information

HEX#B4DCF4
RGB180, 220, 244
HSL203° , 74% , 83%
HSV203° , 26% , 96%
CMYK26%, 10%, 0%, 4%

Lighter Shades

#BDE0F5 #C6E4F7 #CFE9F8 #D8EDF9 #E1F1FB #EAF5FC

Darker Shades

#9EC2D7 #89A7B9 #738D9C #5E727F #485862 #323E44

Complementary Palette

#9BBDD2 #B4DCF4 #D2AF9B #F4CCB4 #F6D3BF #BFE1F6

Analogous Palette

#B1D3CF #BCEBE6 #A9CFE5 #B4DCF4 #BCC2EB #C4C8EE

Triadic Palette

#9EC2D7 #B4DCF4 #F8AFDC #F9B9E0 #DCF8AF #C2DA9A

Split Complementary Palette

#A2C6DC #B4DCF4 #F4B4BB #F5BCC2 #F4ECB4 #DCD4A2

Square Palette

#97B9CD #B4DCF4 #E9B8EF #EFCDB8 #BBF4B4 #C6F6C0

Tetradic Palette

#94B4C8 #B4DCF4 #CAACFC #F4CCB4 #DDFCAC #E3FDBB

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B4DCF4 contains 180 red, 220 green, and 244 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.62:1