#B2D4D9 Color

Color Information

HEX#B2D4D9
RGB178, 212, 217
HSL188° , 34% , 77%
HSV188° , 18% , 85%
CMYK18%, 2%, 0%, 15%

Lighter Shades

#BBD9DE #C4DEE2 #CEE3E7 #D7E9EB #E0EEF0 #E9F3F4

Darker Shades

#9DBBBF #87A1A5 #72888B #5D6E71 #475557 #323B3D

Complementary Palette

#99B6BB #B2D4D9 #BA9D97 #D8B6B0 #DDC0BB #BDDADE

Analogous Palette

#AAC0B8 #BCCDC7 #A7C7CC #B2D4D9 #BCC2CD #C1C8D1

Triadic Palette

#9DBBBF #B2D4D9 #DEABD7 #E2B5DC #D7DEAB #BDC396

Split Complementary Palette

#A0BFC3 #B2D4D9 #D8B0BF #DCB8C5 #D8CAB0 #C2B69E

Square Palette

#96B2B6 #B2D4D9 #C9B6D2 #D2BAB6 #BFD8B0 #C9DEBD

Tetradic Palette

#92AEB2 #B2D4D9 #AFA6E3 #D8B6B0 #DBE3A6 #E1E8B6

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2D4D9 contains 178 red, 212 green, and 217 blue.

Contrast Ratio: 1.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.47:1