#CCE2FF Color

Color Information

HEX#CCE2FF
RGB204, 226, 255
HSL214° , 100% , 90%
HSV214° , 20% , 100%
CMYK20%, 11%, 0%, 0%

Lighter Shades

#D2E5FF #D8E9FF #DEECFF #E4F0FF #EBF3FF #F1F7FF

Darker Shades

#B4C7E0 #9BACC2 #8391A3 #6A7685 #525A66 #393F47

Complementary Palette

#AFC2DB #CCE2FF #DBC8AF #FFE9CC #FFECD3 #D3E6FF

Analogous Palette

#C5E0E2 #D1F7FA #C0D4F0 #CCE2FF #D4D1FA #D8D6FA

Triadic Palette

#B4C7E0 #CCE2FF #FFCCE2 #FFD2E5 #E2FFCC #C7E0B4

Split Complementary Palette

#B8CBE6 #CCE2FF #FFCFCC #FFD4D1 #FCFFCC #E3E6B8

Square Palette

#ABBED6 #CCE2FF #FCCFF9 #FCE9CF #CCFFCF #D4FFD7

Tetradic Palette

#A7B9D1 #CCE2FF #E9CCFF #FFE9CC #E2FFCC #E7FFD5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCE2FF contains 204 red, 226 green, and 255 blue.

Contrast Ratio: 1.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 16.01:1