#B2D1FF Color

Color Information

HEX#B2D1FF
RGB178, 209, 255
HSL216° , 100% , 85%
HSV216° , 30% , 100%
CMYK30%, 18%, 0%, 0%

Lighter Shades

#BBD7FF #C4DCFF #CEE2FF #D7E7FF #E0EDFF #E9F2FF

Darker Shades

#9DB8E0 #879FC2 #7286A3 #5D6D85 #475466 #323B47

Complementary Palette

#99B4DB #B2D1FF #DBC19A #FFE0B3 #FFE4BE #BDD7FF

Analogous Palette

#AEDAE0 #BAF1F7 #A7C4F0 #B2D1FF #C0BAF7 #C4BFF8

Triadic Palette

#9DB8E0 #B2D1FF #FFB3D1 #FFBCD7 #D1FFB3 #B8E09E

Split Complementary Palette

#A0BCE6 #B2D1FF #FFBAB3 #FFC1BB #F7FFB3 #DEE6A1

Square Palette

#96B0D6 #B2D1FF #FBB6F4 #FBE0B6 #B3FFBA #BFFFC5

Tetradic Palette

#92ABD1 #B2D1FF #E0B3FF #FFE0B3 #D1FFB3 #D9FFC1

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B2D1FF contains 178 red, 209 green, and 255 blue.

Contrast Ratio: 1.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.61:1