HEX #CCD2D6 color — Iron
The color #ccd2d6 is a light shade and desaturated.
Palette
ccd2d6 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8f8 |
rgb(247,248,248) |
hsl(204,11%,97%) |
#e8ebed |
rgb(232,235,237) |
hsl(204,11%,92%) |
#dadfe1 |
rgb(218,223,225) |
hsl(204,11%,87%) |
#ccd2d6 |
rgb(204,210,214) |
hsl(204,11%,82%) |
#bec6cb |
rgb(190,198,203) |
hsl(204,11%,77%) |
#b0b9bf |
rgb(176,185,191) |
hsl(204,11%,72%) |
#a2adb4 |
rgb(162,173,180) |
hsl(204,11%,67%) |
#93a0a9 |
rgb(147,160,169) |
hsl(204,11%,62%) |
#85949d |
rgb(133,148,157) |
hsl(204,11%,57%) |
#778792 |
rgb(119,135,146) |
hsl(204,11%,52%) |
#6b7a85 |
rgb(107,122,133) |
hsl(204,11%,47%) |
#5f6d77 |
rgb(95,109,119) |
hsl(204,11%,42%) |
#546069 |
rgb(84,96,105) |
hsl(204,11%,37%) |
#49535b |
rgb(73,83,91) |
hsl(204,11%,32%) |
#3d464c |
rgb(61,70,76) |
hsl(204,11%,27%) |
#32393e |
rgb(50,57,62) |
hsl(204,11%,22%) |
#272c30 |
rgb(39,44,48) |
hsl(204,11%,17%) |
#1b1f22 |
rgb(27,31,34) |
hsl(204,11%,12%) |
#101214 |
rgb(16,18,20) |
hsl(204,11%,7%) |
#050506 |
rgb(5,5,6) |
hsl(204,11%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#CCD6D3 |
rgb(204,214,211) |
hsl(162,11%,82%) |
#CCD2D6 |
rgb(204,210,214) |
hsl(204,11%,82%) |
#CCCCD6 |
rgb(204,204,214) |
hsl(240,11%,82%) |
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%) |
#F1F2F3 |
rgb(241,242,243) |
hsl(210,8%,95%) |
#CCD2D6 |
rgb(204,210,214) |
hsl(204,11%,82%) |
#A6B3B8 |
rgb(166,179,184) |
hsl(197,11%,69%) |
Triad color palettes
HEX |
RGB |
HSL |
#CCD2D6 |
rgb(204,210,214) |
hsl(204,11%,82%) |
#D6CCCD |
rgb(214,204,205) |
hsl(354,11%,82%) |
#D6D6CC |
rgb(214,214,204) |
hsl(60,11%,82%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#CCD2D6 |
rgb(204,210,214) |
hsl(204,11%,82%) |
#D6D1CC |
rgb(214,209,204) |
hsl(30,11%,82%) |
#CCD6D5 |
rgb(204,214,213) |
hsl(174,11%,82%) |
#D6D6CC |
rgb(214,214,204) |
hsl(60,11%,82%) |