HEX #315C75 color — Casal
The color #315C75 is a dark shade and moderately saturated.
Palette
315C75 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(202,41%,98%) |
#e6eff4 |
rgb(230,239,244) |
hsl(202,41%,93%) |
#d4e4ed |
rgb(212,228,237) |
hsl(202,41%,88%) |
#c2d8e5 |
rgb(194,216,229) |
hsl(202,41%,83%) |
#b0cdde |
rgb(176,205,222) |
hsl(202,41%,78%) |
#9ec2d6 |
rgb(158,194,214) |
hsl(202,41%,73%) |
#8cb6cf |
rgb(140,182,207) |
hsl(202,41%,68%) |
#7aabc7 |
rgb(122,171,199) |
hsl(202,41%,63%) |
#68a0c0 |
rgb(104,160,192) |
hsl(202,41%,58%) |
#5694b8 |
rgb(86,148,184) |
hsl(202,41%,53%) |
#4888ad |
rgb(72,136,173) |
hsl(202,41%,48%) |
#417a9b |
rgb(65,122,155) |
hsl(202,41%,43%) |
#396b89 |
rgb(57,107,137) |
hsl(202,41%,38%) |
#325d77 |
rgb(50,93,119) |
hsl(202,41%,33%) |
#2a4f65 |
rgb(42,79,101) |
hsl(202,41%,28%) |
#234153 |
rgb(35,65,83) |
hsl(202,41%,23%) |
#1b3341 |
rgb(27,51,65) |
hsl(202,41%,18%) |
#14252f |
rgb(20,37,47) |
hsl(202,41%,13%) |
#0c171d |
rgb(12,23,29) |
hsl(202,41%,8%) |
#05080b |
rgb(5,8,11) |
hsl(202,41%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#317560 |
rgb(49,117,96) |
hsl(161,41%,33%) |
#315C75 |
rgb(49,92,117) |
hsl(202,41%,33%) |
#333075 |
rgb(51,48,117) |
hsl(243,42%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#386B87 |
rgb(56,107,135) |
hsl(201,41%,37%) |
#315C75 |
rgb(49,92,117) |
hsl(202,41%,33%) |
#294D62 |
rgb(41,77,98) |
hsl(202,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 |
#315C75 |
rgb(49,92,117) |
hsl(202,41%,33%) |
#75303A |
rgb(117,48,58) |
hsl(351,42%,32%) |
#756B31 |
rgb(117,107,49) |
hsl(51,41%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315C75 |
rgb(49,92,117) |
hsl(202,41%,33%) |
#754A31 |
rgb(117,74,49) |
hsl(22,41%,33%) |
#31756C |
rgb(49,117,108) |
hsl(172,41%,33%) |
#756B31 |
rgb(117,107,49) |
hsl(51,41%,33%) |