HEX #315E75 color — Casal
The color #315E75 is a dark shade and moderately saturated.
Palette
315E75 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(200,41%,98%) |
#e6f0f4 |
rgb(230,240,244) |
hsl(200,41%,93%) |
#d4e5ed |
rgb(212,229,237) |
hsl(200,41%,88%) |
#c2dae5 |
rgb(194,218,229) |
hsl(200,41%,83%) |
#b0cfde |
rgb(176,207,222) |
hsl(200,41%,78%) |
#9ec4d6 |
rgb(158,196,214) |
hsl(200,41%,73%) |
#8cb9cf |
rgb(140,185,207) |
hsl(200,41%,68%) |
#7aaec7 |
rgb(122,174,199) |
hsl(200,41%,63%) |
#68a3c0 |
rgb(104,163,192) |
hsl(200,41%,58%) |
#5698b8 |
rgb(86,152,184) |
hsl(200,41%,53%) |
#488bad |
rgb(72,139,173) |
hsl(200,41%,48%) |
#417d9b |
rgb(65,125,155) |
hsl(200,41%,43%) |
#396e89 |
rgb(57,110,137) |
hsl(200,41%,38%) |
#326077 |
rgb(50,96,119) |
hsl(200,41%,33%) |
#2a5165 |
rgb(42,81,101) |
hsl(200,41%,28%) |
#234353 |
rgb(35,67,83) |
hsl(200,41%,23%) |
#1b3441 |
rgb(27,52,65) |
hsl(200,41%,18%) |
#14262f |
rgb(20,38,47) |
hsl(200,41%,13%) |
#0c171d |
rgb(12,23,29) |
hsl(200,41%,8%) |
#05090b |
rgb(5,9,11) |
hsl(200,41%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31755E |
rgb(49,117,94) |
hsl(160,41%,33%) |
#315E75 |
rgb(49,94,117) |
hsl(200,41%,33%) |
#313075 |
rgb(49,48,117) |
hsl(241,42%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#386E87 |
rgb(56,110,135) |
hsl(199,41%,37%) |
#315E75 |
rgb(49,94,117) |
hsl(200,41%,33%) |
#294F62 |
rgb(41,79,98) |
hsl(200,41%,27%) |
#21404F |
rgb(33,64,79) |
hsl(200,41%,22%) |
#19303C |
rgb(25,48,60) |
hsl(201,41%,17%) |
#11212A |
rgb(17,33,42) |
hsl(202,42%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#315E75 |
rgb(49,94,117) |
hsl(200,41%,33%) |
#75303C |
rgb(117,48,60) |
hsl(350,42%,32%) |
#756B31 |
rgb(117,107,49) |
hsl(51,41%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315E75 |
rgb(49,94,117) |
hsl(200,41%,33%) |
#754731 |
rgb(117,71,49) |
hsl(19,41%,33%) |
#31756A |
rgb(49,117,106) |
hsl(170,41%,33%) |
#756B31 |
rgb(117,107,49) |
hsl(51,41%,33%) |