#C2CCE0 Color

Color Information

HEX#C2CCE0
RGB194, 204, 224
HSL220° , 33% , 82%
HSV220° , 13% , 88%
CMYK13%, 9%, 0%, 12%

Lighter Shades

#C9D2E4 #D1D8E7 #D8DEEB #DFE4EF #E7EBF3 #EEF1F6

Darker Shades

#ABB4C5 #939BAA #7C838F #656A74 #4E525A #36393F

Complementary Palette

#A7AFC1 #C2CCE0 #C1B8A7 #E0D6C2 #E4DCCB #CBD3E4

Analogous Palette

#B6C5C9 #CAD6D8 #B6C0D3 #C2CCE0 #CDCAD8 #CFCDDA

Triadic Palette

#ABB4C5 #C2CCE0 #E5BDCB #E8C5D1 #CBE5BD #B3CAA6

Split Complementary Palette

#AFB8CA #C2CCE0 #E0C7C2 #E3CDC8 #DBE0C2 #C5CAAF

Square Palette

#A3ABBC #C2CCE0 #DCC7D8 #DCD5C7 #C2E0C7 #CCE5D0

Tetradic Palette

#9FA7B8 #C2CCE0 #D9BAE9 #E0D6C2 #C9E9BA #D3EDC6

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #C2CCE0 contains 194 red, 204 green, and 224 blue.

Contrast Ratio: 1.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.17:1