#B4C7ED Color

Color Information

HEX#B4C7ED
RGB180, 199, 237
HSL220° , 61% , 82%
HSV220° , 24% , 93%
CMYK24%, 16%, 0%, 7%

Lighter Shades

#BDCEEF #C6D4F1 #CFDBF3 #D8E2F6 #E1E9F8 #EAEFFA

Darker Shades

#9EAFD1 #8997B4 #737F98 #5E677B #48505F #323842

Complementary Palette

#9BABCC #B4C7ED #CCBB9C #EDDAB5 #F0DFBF #BFCFF0

Analogous Palette

#B2C9CD #BEDEE4 #A9BBDF #B4C7ED #C5BEE4 #C8C2E5

Triadic Palette

#9EAFD1 #B4C7ED #F2B1C6 #F4BACD #C6F2B1 #AED59C

Split Complementary Palette

#A2B3D5 #B4C7ED #EDBEB5 #EFC5BC #E4EDB5 #CDD5A3

Square Palette

#97A7C7 #B4C7ED #E9BAE1 #E9D9BA #B5EDBE #C1F0C8

Tetradic Palette

#94A3C2 #B4C7ED #DDADF5 #EDDAB5 #C5F5AD #CFF7BC

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #B4C7ED contains 180 red, 199 green, and 237 blue.

Contrast Ratio: 1.68:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.5:1