HEX #CCDFFF color — Periwinkle
The color #ccdfff is a light shade and slightly desaturated.
Palette
ccdfff color palette from light to dark
HEX |
RGB |
HSL |
#e6efff |
rgb(230,239,255) |
hsl(218,100%,95%) |
#ccdfff |
rgb(204,223,255) |
hsl(218,100%,90%) |
#b3cfff |
rgb(179,207,255) |
hsl(218,100%,85%) |
#99beff |
rgb(153,190,255) |
hsl(218,100%,80%) |
#80aeff |
rgb(128,174,255) |
hsl(218,100%,75%) |
#669eff |
rgb(102,158,255) |
hsl(218,100%,70%) |
#4d8eff |
rgb(77,142,255) |
hsl(218,100%,65%) |
#337eff |
rgb(51,126,255) |
hsl(218,100%,60%) |
#1a6eff |
rgb(26,110,255) |
hsl(218,100%,55%) |
#005eff |
rgb(0,94,255) |
hsl(218,100%,50%) |
#0054e6 |
rgb(0,84,230) |
hsl(218,100%,45%) |
#004bcc |
rgb(0,75,204) |
hsl(218,100%,40%) |
#0041b3 |
rgb(0,65,179) |
hsl(218,100%,35%) |
#003899 |
rgb(0,56,153) |
hsl(218,100%,30%) |
#002f80 |
rgb(0,47,128) |
hsl(218,100%,25%) |
#002566 |
rgb(0,37,102) |
hsl(218,100%,20%) |
#001c4d |
rgb(0,28,77) |
hsl(218,100%,15%) |
#001333 |
rgb(0,19,51) |
hsl(218,100%,10%) |
#00091a |
rgb(0,9,26) |
hsl(218,100%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#CCFFFD |
rgb(204,255,253) |
hsl(178,100%,90%) |
#CCDFFF |
rgb(204,223,255) |
hsl(218,100%,90%) |
#DBCCFF |
rgb(219,204,255) |
hsl(258,100%,90%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#CCDFFF |
rgb(204,223,255) |
hsl(218,100%,90%) |
#82B0FF |
rgb(130,176,255) |
hsl(218,100%,75%) |
Triad color palettes
HEX |
RGB |
HSL |
#CCDFFF |
rgb(204,223,255) |
hsl(218,100%,90%) |
#FFD4CC |
rgb(255,212,204) |
hsl(9,100%,90%) |
#F8FFCC |
rgb(248,255,204) |
hsl(68,100%,90%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#CCDFFF |
rgb(204,223,255) |
hsl(218,100%,90%) |
#FFEDCC |
rgb(255,237,204) |
hsl(39,100%,90%) |
#CCF7FF |
rgb(204,247,255) |
hsl(189,100%,90%) |
#F8FFCC |
rgb(248,255,204) |
hsl(68,100%,90%) |