HEX #CCDAFF color — Periwinkle
The color #ccdaff is a light shade and slightly desaturated.
Palette
ccdaff color palette from light to dark
HEX |
RGB |
HSL |
#e6ecff |
rgb(230,236,255) |
hsl(224,100%,95%) |
#ccdaff |
rgb(204,218,255) |
hsl(224,100%,90%) |
#b3c7ff |
rgb(179,199,255) |
hsl(224,100%,85%) |
#99b4ff |
rgb(153,180,255) |
hsl(224,100%,80%) |
#80a2ff |
rgb(128,162,255) |
hsl(224,100%,75%) |
#668fff |
rgb(102,143,255) |
hsl(224,100%,70%) |
#4d7cff |
rgb(77,124,255) |
hsl(224,100%,65%) |
#3369ff |
rgb(51,105,255) |
hsl(224,100%,60%) |
#1a57ff |
rgb(26,87,255) |
hsl(224,100%,55%) |
#0044ff |
rgb(0,68,255) |
hsl(224,100%,50%) |
#003de6 |
rgb(0,61,230) |
hsl(224,100%,45%) |
#0036cc |
rgb(0,54,204) |
hsl(224,100%,40%) |
#0030b3 |
rgb(0,48,179) |
hsl(224,100%,35%) |
#002999 |
rgb(0,41,153) |
hsl(224,100%,30%) |
#002280 |
rgb(0,34,128) |
hsl(224,100%,25%) |
#001b66 |
rgb(0,27,102) |
hsl(224,100%,20%) |
#00144d |
rgb(0,20,77) |
hsl(224,100%,15%) |
#000e33 |
rgb(0,14,51) |
hsl(224,100%,10%) |
#00071a |
rgb(0,7,26) |
hsl(224,100%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#CCFCFF |
rgb(204,252,255) |
hsl(184,100%,90%) |
#CCDAFF |
rgb(204,218,255) |
hsl(224,100%,90%) |
#E0CCFF |
rgb(224,204,255) |
hsl(264,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%) |
#CCDAFF |
rgb(204,218,255) |
hsl(224,100%,90%) |
#82A6FF |
rgb(130,166,255) |
hsl(223,100%,75%) |
Triad color palettes
HEX |
RGB |
HSL |
#CCDAFF |
rgb(204,218,255) |
hsl(224,100%,90%) |
#FFD9CC |
rgb(255,217,204) |
hsl(15,100%,90%) |
#F3FFCC |
rgb(243,255,204) |
hsl(74,100%,90%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#CCDAFF |
rgb(204,218,255) |
hsl(224,100%,90%) |
#FFF2CC |
rgb(255,242,204) |
hsl(45,100%,90%) |
#CCF2FF |
rgb(204,242,255) |
hsl(195,100%,90%) |
#F3FFCC |
rgb(243,255,204) |
hsl(74,100%,90%) |