#CCCCFF Color

Color Information

HEX#CCCCFF
RGB204, 204, 255
HSL240° , 100% , 90%
HSV240° , 20% , 100%
CMYK20%, 20%, 0%, 0%

Lighter Shades

#D2D2FF #D8D8FF #DEDEFF #E4E4FF #EBEBFF #F1F1FF

Darker Shades

#B4B4E0 #9B9BC2 #8383A3 #6A6A85 #525266 #393947

Complementary Palette

#AFAFDB #CCCCFF #DBDBAF #FFFFCC #FFFFD3 #D3D3FF

Analogous Palette

#C5D4E2 #D1E6FA #C0C0F0 #CCCCFF #E6D1FA #E9D6FA

Triadic Palette

#B4B4E0 #CCCCFF #FFCCCC #FFD2D2 #CCFFCC #B4E0B4

Split Complementary Palette

#B8B8E6 #CCCCFF #FFE6CC #FFE9D1 #E6FFCC #CFE6B8

Square Palette

#ABABD6 #CCCCFF #FCCFE6 #FCFCCF #CCFFE6 #D4FFEA

Tetradic Palette

#A7A7D1 #CCCCFF #FFCCFF #FFFFCC #CCFFCC #D5FFD5

Contrast Checker

White Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.8:1