#B4D3F8 Color

Color Information

HEX#B4D3F8
RGB180, 211, 248
HSL213° , 83% , 84%
HSV213° , 27% , 97%
CMYK27%, 15%, 0%, 3%

Lighter Shades

#BDD8F9 #C6DEFA #CFE3FB #D8E8FB #E1EDFC #EAF3FD

Darker Shades

#9EBADA #89A0BC #73879F #5E6E81 #485463 #323B45

Complementary Palette

#9BB5D5 #B4D3F8 #D5BB9B #F8DAB4 #F9DFBF #BFD9F9

Analogous Palette

#B1D6D8 #BCEDF0 #A9C6E9 #B4D3F8 #C0BCF0 #C4C0F1

Triadic Palette

#9EBADA #B4D3F8 #FCB0D2 #FCB9D7 #D2FCB0 #B9DE9B

Split Complementary Palette

#A2BEDF #B4D3F8 #F8B8B4 #F9BFBC #F5F8B4 #DDDFA2

Square Palette

#97B1D0 #B4D3F8 #F4B8F1 #F4DAB8 #B4F8B8 #C0F9C3

Tetradic Palette

#94ADCB #B4D3F8 #DCADFF #F8DAB4 #D2FFAD #DAFFBC

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B4D3F8 contains 180 red, 211 green, and 248 blue.

Contrast Ratio: 1.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.76:1