#CCE6F5 Color

Color Information

HEX#CCE6F5
RGB204, 230, 245
HSL202° , 67% , 88%
HSV202° , 17% , 96%
CMYK17%, 6%, 0%, 4%

Lighter Shades

#D2E9F6 #D8ECF7 #DEEFF9 #E4F2FA #EBF5FB #F1F8FC

Darker Shades

#B4CAD8 #9BAFBA #83939D #6A787F #525C62 #394045

Complementary Palette

#AFC6D3 #CCE6F5 #D3BCAF #F5DBCC #F6E0D3 #D3EAF6

Analogous Palette

#C6D7D5 #D2EFEA #C0D8E6 #CCE6F5 #D2D5EF #D5D9F0

Triadic Palette

#B4CAD8 #CCE6F5 #F8C9E7 #F9CFEA #E7F8C9 #CBDAB1

Split Complementary Palette

#B8CFDD #CCE6F5 #F5CCD1 #F6D1D6 #F5EFCC #DDD7B8

Square Palette

#ABC1CE #CCE6F5 #EDCFF2 #F2DCCF #D1F5CC #D8F7D4

Tetradic Palette

#A7BDC9 #CCE6F5 #D9C6FA #F5DBCC #E7FAC6 #EBFBD0

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCE6F5 contains 204 red, 230 green, and 245 blue.

Contrast Ratio: 1.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 16.32:1