#B4CCD4 Color

Color Information

HEX#B4CCD4
RGB180, 204, 212
HSL195° , 27% , 77%
HSV195° , 15% , 83%
CMYK15%, 4%, 0%, 17%

Lighter Shades

#BDD2D9 #C6D8DE #CFDEE3 #D8E4E9 #E1EBEE #EAF1F3

Darker Shades

#9EB4BB #899BA1 #738388 #5E6A6E #485255 #32393B

Complementary Palette

#9BAFB6 #B4CCD4 #B6A29C #D4BCB5 #DAC5BF #BFD3DA

Analogous Palette

#AAC0BB #BCCDC9 #A9C0C7 #B4CCD4 #BCC0CD #C1C5D1

Triadic Palette

#9EB4BB #B4CCD4 #D9AFCF #DEB9D5 #CFD9AF #B6BF9A

Split Complementary Palette

#A2B8BF #B4CCD4 #D4B5BC #D8BCC3 #D4CCB5 #BFB8A3

Square Palette

#97ABB2 #B4CCD4 #C9BBCE #CEBFBB #BCD4B5 #C7DBC1

Tetradic Palette

#94A7AE #B4CCD4 #B7ABDE #D4BCB5 #D1DEAB #D9E4BA

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B4CCD4 contains 180 red, 204 green, and 212 blue.

Contrast Ratio: 1.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.69:1