#B2DFF2 Color

Color Information

HEX#B2DFF2
RGB178, 223, 242
HSL198° , 71% , 82%
HSV198° , 26% , 95%
CMYK26%, 8%, 0%, 5%

Lighter Shades

#BBE3F4 #C4E7F5 #CEEBF7 #D7EEF8 #E0F2FA #E9F6FB

Darker Shades

#9DC4D5 #87A9B8 #728F9B #5D747E #475961 #323E44

Complementary Palette

#99C0D0 #B2DFF2 #D0A998 #F2C4B1 #F4CCBC #BDE3F4

Analogous Palette

#B1D3CC #BAE9DF #A7D2E3 #B2DFF2 #BAC3E9 #C1CAEB

Triadic Palette

#9DC4D5 #B2DFF2 #F6ACE0 #F7B6E4 #E0F6AC #C5D897

Split Complementary Palette

#A0C9DA #B2DFF2 #F2B1BE #F3B9C5 #F2E5B1 #DACE9F

Square Palette

#96BBCB #B2DFF2 #E2B5ED #EDC6B5 #BEF2B1 #C8F4BD

Tetradic Palette

#92B7C6 #B2DFF2 #C1A8FA #F2C4B1 #E1FAA8 #E6FBB8

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2DFF2 contains 178 red, 223 green, and 242 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