HEX #315ED4 color — Mariner
The color #315ED4 is a dark shade and moderately saturated.
Palette
315ED4 color palette from light to dark
HEX |
RGB |
HSL |
#eef2fb |
rgb(238,242,251) |
hsl(223,65%,96%) |
#d9e2f7 |
rgb(217,226,247) |
hsl(223,65%,91%) |
#c4d1f3 |
rgb(196,209,243) |
hsl(223,65%,86%) |
#afc1ee |
rgb(175,193,238) |
hsl(223,65%,81%) |
#9ab1ea |
rgb(154,177,234) |
hsl(223,65%,76%) |
#85a0e5 |
rgb(133,160,229) |
hsl(223,65%,71%) |
#7090e1 |
rgb(112,144,225) |
hsl(223,65%,66%) |
#5b80dc |
rgb(91,128,220) |
hsl(223,65%,61%) |
#466fd8 |
rgb(70,111,216) |
hsl(223,65%,56%) |
#315fd3 |
rgb(49,95,211) |
hsl(223,65%,51%) |
#2954c2 |
rgb(41,84,194) |
hsl(223,65%,46%) |
#254bad |
rgb(37,75,173) |
hsl(223,65%,41%) |
#204297 |
rgb(32,66,151) |
hsl(223,65%,36%) |
#1c3982 |
rgb(28,57,130) |
hsl(223,65%,31%) |
#17306d |
rgb(23,48,109) |
hsl(223,65%,26%) |
#132658 |
rgb(19,38,88) |
hsl(223,65%,21%) |
#0e1d43 |
rgb(14,29,67) |
hsl(223,65%,16%) |
#0a142e |
rgb(10,20,46) |
hsl(223,65%,11%) |
#050b19 |
rgb(5,11,25) |
hsl(223,65%,6%) |
#010204 |
rgb(1,2,4) |
hsl(223,65%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C9D4 |
rgb(49,201,212) |
hsl(184,65%,51%) |
#315ED4 |
rgb(49,94,212) |
hsl(223,65%,51%) |
#7030D4 |
rgb(112,48,212) |
hsl(263,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7694E2 |
rgb(118,148,226) |
hsl(223,65%,67%) |
#5378DB |
rgb(83,120,219) |
hsl(224,65%,59%) |
#315ED4 |
rgb(49,94,212) |
hsl(223,65%,51%) |
#254DB5 |
rgb(37,77,181) |
hsl(223,66%,43%) |
#1E4092 |
rgb(30,64,146) |
hsl(222,66%,35%) |
#173070 |
rgb(23,48,112) |
hsl(223,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#315ED4 |
rgb(49,94,212) |
hsl(223,65%,51%) |
#D45731 |
rgb(212,87,49) |
hsl(14,65%,51%) |
#AFD431 |
rgb(175,212,49) |
hsl(74,65%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315ED4 |
rgb(49,94,212) |
hsl(223,65%,51%) |
#D4A631 |
rgb(212,166,49) |
hsl(43,65%,51%) |
#31B0D4 |
rgb(49,176,212) |
hsl(193,65%,51%) |
#AFD431 |
rgb(175,212,49) |
hsl(74,65%,51%) |