HEX #CCDBFF color — Periwinkle
The color #ccdbff is a light shade and slightly desaturated.
Palette
ccdbff color palette from light to dark
HEX |
RGB |
HSL |
#e6edff |
rgb(230,237,255) |
hsl(222,100%,95%) |
#ccdbff |
rgb(204,219,255) |
hsl(222,100%,90%) |
#b3c9ff |
rgb(179,201,255) |
hsl(222,100%,85%) |
#99b8ff |
rgb(153,184,255) |
hsl(222,100%,80%) |
#80a6ff |
rgb(128,166,255) |
hsl(222,100%,75%) |
#6694ff |
rgb(102,148,255) |
hsl(222,100%,70%) |
#4d82ff |
rgb(77,130,255) |
hsl(222,100%,65%) |
#3370ff |
rgb(51,112,255) |
hsl(222,100%,60%) |
#1a5eff |
rgb(26,94,255) |
hsl(222,100%,55%) |
#004cff |
rgb(0,76,255) |
hsl(222,100%,50%) |
#0045e6 |
rgb(0,69,230) |
hsl(222,100%,45%) |
#003dcc |
rgb(0,61,204) |
hsl(222,100%,40%) |
#0036b3 |
rgb(0,54,179) |
hsl(222,100%,35%) |
#002e99 |
rgb(0,46,153) |
hsl(222,100%,30%) |
#002680 |
rgb(0,38,128) |
hsl(222,100%,25%) |
#001f66 |
rgb(0,31,102) |
hsl(222,100%,20%) |
#00174d |
rgb(0,23,77) |
hsl(222,100%,15%) |
#000f33 |
rgb(0,15,51) |
hsl(222,100%,10%) |
#00081a |
rgb(0,8,26) |
hsl(222,100%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#CCFCFF |
rgb(204,252,255) |
hsl(184,100%,90%) |
#CCDBFF |
rgb(204,219,255) |
hsl(222,100%,90%) |
#DFCCFF |
rgb(223,204,255) |
hsl(262,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%) |
#CCDBFF |
rgb(204,219,255) |
hsl(222,100%,90%) |
#82A8FF |
rgb(130,168,255) |
hsl(222,100%,75%) |
Triad color palettes
HEX |
RGB |
HSL |
#CCDBFF |
rgb(204,219,255) |
hsl(222,100%,90%) |
#FFD6CC |
rgb(255,214,204) |
hsl(12,100%,90%) |
#F4FFCC |
rgb(244,255,204) |
hsl(73,100%,90%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#CCDBFF |
rgb(204,219,255) |
hsl(222,100%,90%) |
#FFF0CC |
rgb(255,240,204) |
hsl(42,100%,90%) |
#CCF5FF |
rgb(204,245,255) |
hsl(192,100%,90%) |
#F4FFCC |
rgb(244,255,204) |
hsl(73,100%,90%) |