#C4DCF5 Color

Color Information

HEX#C4DCF5
RGB196, 220, 245
HSL211° , 71% , 86%
HSV211° , 20% , 96%
CMYK20%, 10%, 0%, 4%

Lighter Shades

#CBE0F6 #D2E4F7 #D9E9F9 #E0EDFA #E7F1FB #EEF5FC

Darker Shades

#ACC2D8 #95A7BA #7D8D9D #66727F #4E5862 #373E45

Complementary Palette

#A9BDD3 #C4DCF5 #D3BDA7 #F5DCC2 #F6E1CB #CCE1F6

Analogous Palette

#BDD6D6 #C9EDEE #B8CFE6 #C4DCF5 #C9C9EE #CDCDEF

Triadic Palette

#ACC2D8 #C4DCF5 #F9BED9 #FAC6DE #D9F9BE #BFDBA7

Split Complementary Palette

#B0C6DD #C4DCF5 #F5C3C2 #F6C9C8 #F4F5C2 #DCDDAF

Square Palette

#A5B9CE #C4DCF5 #F1C5F1 #F1DCC5 #C2F5C3 #CCF7CD

Tetradic Palette

#A1B4C9 #C4DCF5 #DCBBFB #F5DCC2 #D9FBBB #E0FCC7

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #C4DCF5 contains 196 red, 220 green, and 245 blue.

Contrast Ratio: 1.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.04:1