HEX #CCD4FF color — Periwinkle
The color #ccd4ff is a light shade and slightly desaturated.
Palette
ccd4ff color palette from light to dark
HEX |
RGB |
HSL |
#e6e9ff |
rgb(230,233,255) |
hsl(231,100%,95%) |
#ccd4ff |
rgb(204,212,255) |
hsl(231,100%,90%) |
#b3beff |
rgb(179,190,255) |
hsl(231,100%,85%) |
#99a8ff |
rgb(153,168,255) |
hsl(231,100%,80%) |
#8093ff |
rgb(128,147,255) |
hsl(231,100%,75%) |
#667dff |
rgb(102,125,255) |
hsl(231,100%,70%) |
#4d67ff |
rgb(77,103,255) |
hsl(231,100%,65%) |
#3352ff |
rgb(51,82,255) |
hsl(231,100%,60%) |
#1a3cff |
rgb(26,60,255) |
hsl(231,100%,55%) |
#0026ff |
rgb(0,38,255) |
hsl(231,100%,50%) |
#0022e6 |
rgb(0,34,230) |
hsl(231,100%,45%) |
#001fcc |
rgb(0,31,204) |
hsl(231,100%,40%) |
#001bb3 |
rgb(0,27,179) |
hsl(231,100%,35%) |
#001799 |
rgb(0,23,153) |
hsl(231,100%,30%) |
#001380 |
rgb(0,19,128) |
hsl(231,100%,25%) |
#000f66 |
rgb(0,15,102) |
hsl(231,100%,20%) |
#000b4d |
rgb(0,11,77) |
hsl(231,100%,15%) |
#000833 |
rgb(0,8,51) |
hsl(231,100%,10%) |
#00041a |
rgb(0,4,26) |
hsl(231,100%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#CCF5FF |
rgb(204,245,255) |
hsl(192,100%,90%) |
#CCD4FF |
rgb(204,212,255) |
hsl(231,100%,90%) |
#E6CCFF |
rgb(230,204,255) |
hsl(271,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%) |
#CCD4FF |
rgb(204,212,255) |
hsl(231,100%,90%) |
#8296FF |
rgb(130,150,255) |
hsl(230,100%,75%) |
Triad color palettes
HEX |
RGB |
HSL |
#CCD4FF |
rgb(204,212,255) |
hsl(231,100%,90%) |
#FFDECC |
rgb(255,222,204) |
hsl(21,100%,90%) |
#EDFFCC |
rgb(237,255,204) |
hsl(81,100%,90%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#CCD4FF |
rgb(204,212,255) |
hsl(231,100%,90%) |
#FFF7CC |
rgb(255,247,204) |
hsl(51,100%,90%) |
#CCEDFF |
rgb(204,237,255) |
hsl(201,100%,90%) |
#EDFFCC |
rgb(237,255,204) |
hsl(81,100%,90%) |