HEX #CAD5E7 color — Periwinkle Gray
The color #cad5e7 is a light shade and desaturated.
Palette
cad5e7 color palette from light to dark
HEX |
RGB |
HSL |
#edf1f7 |
rgb(237,241,247) |
hsl(217,38%,95%) |
#dce3ef |
rgb(220,227,239) |
hsl(217,38%,90%) |
#cad5e7 |
rgb(202,213,231) |
hsl(217,38%,85%) |
#b9c7df |
rgb(185,199,223) |
hsl(217,38%,80%) |
#a7bad7 |
rgb(167,186,215) |
hsl(217,38%,75%) |
#95acd0 |
rgb(149,172,208) |
hsl(217,38%,70%) |
#849ec8 |
rgb(132,158,200) |
hsl(217,38%,65%) |
#7290c0 |
rgb(114,144,192) |
hsl(217,38%,60%) |
#6182b8 |
rgb(97,130,184) |
hsl(217,38%,55%) |
#4f74b0 |
rgb(79,116,176) |
hsl(217,38%,50%) |
#47699e |
rgb(71,105,158) |
hsl(217,38%,45%) |
#3f5d8d |
rgb(63,93,141) |
hsl(217,38%,40%) |
#37517b |
rgb(55,81,123) |
hsl(217,38%,35%) |
#2f466a |
rgb(47,70,106) |
hsl(217,38%,30%) |
#283a58 |
rgb(40,58,88) |
hsl(217,38%,25%) |
#202e46 |
rgb(32,46,70) |
hsl(217,38%,20%) |
#182335 |
rgb(24,35,53) |
hsl(217,38%,15%) |
#101723 |
rgb(16,23,35) |
hsl(217,38%,10%) |
#080c12 |
rgb(8,12,18) |
hsl(217,38%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#CAE8E5 |
rgb(202,232,229) |
hsl(174,39%,85%) |
#CAD5E7 |
rgb(202,213,231) |
hsl(217,38%,85%) |
#D2C9E7 |
rgb(210,201,231) |
hsl(258,38%,85%) |
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%) |
#F9FAFC |
rgb(249,250,252) |
hsl(220,33%,98%) |
#CAD5E7 |
rgb(202,213,231) |
hsl(217,38%,85%) |
#9AB0D1 |
rgb(154,176,209) |
hsl(216,37%,71%) |
Triad color palettes
HEX |
RGB |
HSL |
#CAD5E7 |
rgb(202,213,231) |
hsl(217,38%,85%) |
#E7CFCA |
rgb(231,207,202) |
hsl(10,38%,85%) |
#E3E8CA |
rgb(227,232,202) |
hsl(70,39%,85%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#CAD5E7 |
rgb(202,213,231) |
hsl(217,38%,85%) |
#E7DBCA |
rgb(231,219,202) |
hsl(35,38%,85%) |
#CAE3E7 |
rgb(202,227,231) |
hsl(188,38%,85%) |
#E3E8CA |
rgb(227,232,202) |
hsl(70,39%,85%) |