HEX #315C74 color — Casal
The color #315C74 is a dark shade and moderately saturated.
Palette
315C74 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fa |
rgb(244,248,250) |
hsl(201,41%,97%) |
#e2edf3 |
rgb(226,237,243) |
hsl(201,41%,92%) |
#d0e2eb |
rgb(208,226,235) |
hsl(201,41%,87%) |
#bed7e4 |
rgb(190,215,228) |
hsl(201,41%,82%) |
#acccdc |
rgb(172,204,220) |
hsl(201,41%,77%) |
#9ac0d5 |
rgb(154,192,213) |
hsl(201,41%,72%) |
#88b5cd |
rgb(136,181,205) |
hsl(201,41%,67%) |
#76aac6 |
rgb(118,170,198) |
hsl(201,41%,62%) |
#649fbe |
rgb(100,159,190) |
hsl(201,41%,57%) |
#5294b7 |
rgb(82,148,183) |
hsl(201,41%,52%) |
#4787a9 |
rgb(71,135,169) |
hsl(201,41%,47%) |
#3f7897 |
rgb(63,120,151) |
hsl(201,41%,42%) |
#386a85 |
rgb(56,106,133) |
hsl(201,41%,37%) |
#305c73 |
rgb(48,92,115) |
hsl(201,41%,32%) |
#294d61 |
rgb(41,77,97) |
hsl(201,41%,27%) |
#213f4f |
rgb(33,63,79) |
hsl(201,41%,22%) |
#1a313d |
rgb(26,49,61) |
hsl(201,41%,17%) |
#12222b |
rgb(18,34,43) |
hsl(201,41%,12%) |
#0b1419 |
rgb(11,20,25) |
hsl(201,41%,7%) |
#030607 |
rgb(3,6,7) |
hsl(201,41%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31735F |
rgb(49,115,95) |
hsl(162,40%,32%) |
#315C74 |
rgb(49,92,116) |
hsl(201,41%,32%) |
#323074 |
rgb(50,48,116) |
hsl(242,41%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#386B86 |
rgb(56,107,134) |
hsl(201,41%,37%) |
#315C74 |
rgb(49,92,116) |
hsl(201,41%,32%) |
#294D61 |
rgb(41,77,97) |
hsl(201,41%,27%) |
#21404E |
rgb(33,64,78) |
hsl(199,41%,22%) |
#19303C |
rgb(25,48,60) |
hsl(201,41%,17%) |
#112129 |
rgb(17,33,41) |
hsl(200,41%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#315C74 |
rgb(49,92,116) |
hsl(201,41%,32%) |
#74303A |
rgb(116,48,58) |
hsl(351,41%,32%) |
#746B31 |
rgb(116,107,49) |
hsl(52,41%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315C74 |
rgb(49,92,116) |
hsl(201,41%,32%) |
#744A31 |
rgb(116,74,49) |
hsl(22,41%,32%) |
#31736A |
rgb(49,115,106) |
hsl(172,40%,32%) |
#746B31 |
rgb(116,107,49) |
hsl(52,41%,32%) |