HEX #314DA5 color — Sapphire
The color #314DA5 is a dark shade and moderately saturated.
Palette
314DA5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(226,54%,97%) |
#e0e5f6 |
rgb(224,229,246) |
hsl(226,54%,92%) |
#ccd4f0 |
rgb(204,212,240) |
hsl(226,54%,87%) |
#b8c4ea |
rgb(184,196,234) |
hsl(226,54%,82%) |
#a5b3e4 |
rgb(165,179,228) |
hsl(226,54%,77%) |
#91a3de |
rgb(145,163,222) |
hsl(226,54%,72%) |
#7d93d8 |
rgb(125,147,216) |
hsl(226,54%,67%) |
#6a82d2 |
rgb(106,130,210) |
hsl(226,54%,62%) |
#5672cd |
rgb(86,114,205) |
hsl(226,54%,57%) |
#4361c7 |
rgb(67,97,199) |
hsl(226,54%,52%) |
#3755b9 |
rgb(55,85,185) |
hsl(226,54%,47%) |
#314ca5 |
rgb(49,76,165) |
hsl(226,54%,42%) |
#2b4391 |
rgb(43,67,145) |
hsl(226,54%,37%) |
#263a7e |
rgb(38,58,126) |
hsl(226,54%,32%) |
#20316a |
rgb(32,49,106) |
hsl(226,54%,27%) |
#1a2856 |
rgb(26,40,86) |
hsl(226,54%,22%) |
#141f43 |
rgb(20,31,67) |
hsl(226,54%,17%) |
#0e162f |
rgb(14,22,47) |
hsl(226,54%,12%) |
#080d1b |
rgb(8,13,27) |
hsl(226,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(226,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#319CA5 |
rgb(49,156,165) |
hsl(185,54%,42%) |
#314DA5 |
rgb(49,77,165) |
hsl(226,54%,42%) |
#6230A5 |
rgb(98,48,165) |
hsl(266,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F6ECA |
rgb(79,110,202) |
hsl(225,54%,55%) |
#3859BF |
rgb(56,89,191) |
hsl(225,55%,48%) |
#314DA5 |
rgb(49,77,165) |
hsl(226,54%,42%) |
#29408A |
rgb(41,64,138) |
hsl(226,54%,35%) |
#213670 |
rgb(33,54,112) |
hsl(224,54%,28%) |
#192955 |
rgb(25,41,85) |
hsl(224,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#314DA5 |
rgb(49,77,165) |
hsl(226,54%,42%) |
#A54F31 |
rgb(165,79,49) |
hsl(16,54%,42%) |
#87A631 |
rgb(135,166,49) |
hsl(76,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314DA5 |
rgb(49,77,165) |
hsl(226,54%,42%) |
#A58A31 |
rgb(165,138,49) |
hsl(46,54%,42%) |
#3187A5 |
rgb(49,135,165) |
hsl(196,54%,42%) |
#87A631 |
rgb(135,166,49) |
hsl(76,54%,42%) |