#B2D9F0 Color

Color Information

HEX#B2D9F0
RGB178, 217, 240
HSL202° , 67% , 82%
HSV202° , 26% , 94%
CMYK26%, 10%, 0%, 6%

Lighter Shades

#BBDEF2 #C4E2F4 #CEE7F5 #D7EBF7 #E0F0F9 #E9F4FB

Darker Shades

#9DBFD3 #87A5B6 #728B9A #5D717D #475760 #323D43

Complementary Palette

#99BBCE #B2D9F0 #CEAD99 #F0C9B2 #F2D1BD #BDDEF2

Analogous Palette

#AFD0CB #BCE7E1 #A7CCE2 #B2D9F0 #BCC2E7 #BFC5E8

Triadic Palette

#9DBFD3 #B2D9F0 #F4AEDB #F5B8DF #DBF4AE #C1D799

Split Complementary Palette

#A0C3D8 #B2D9F0 #F0B2BB #F2BAC2 #F0E8B2 #D8D1A0

Square Palette

#96B6CA #B2D9F0 #E4B7EB #EBCAB7 #BBF0B2 #C6F2BE

Tetradic Palette

#92B2C5 #B2D9F0 #C7AAF8 #F0C9B2 #DCF8AA #E2F9B9

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2D9F0 contains 178 red, 217 green, and 240 blue.

Contrast Ratio: 1.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.22:1