HEX #314AA5 color — Sapphire
The color #314AA5 is a dark shade and moderately saturated.
Palette
314AA5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(227,54%,97%) |
#e0e4f6 |
rgb(224,228,246) |
hsl(227,54%,92%) |
#ccd4f0 |
rgb(204,212,240) |
hsl(227,54%,87%) |
#b8c3ea |
rgb(184,195,234) |
hsl(227,54%,82%) |
#a5b2e4 |
rgb(165,178,228) |
hsl(227,54%,77%) |
#91a2de |
rgb(145,162,222) |
hsl(227,54%,72%) |
#7d91d8 |
rgb(125,145,216) |
hsl(227,54%,67%) |
#6a80d2 |
rgb(106,128,210) |
hsl(227,54%,62%) |
#5670cd |
rgb(86,112,205) |
hsl(227,54%,57%) |
#435fc7 |
rgb(67,95,199) |
hsl(227,54%,52%) |
#3753b9 |
rgb(55,83,185) |
hsl(227,54%,47%) |
#314aa5 |
rgb(49,74,165) |
hsl(227,54%,42%) |
#2b4191 |
rgb(43,65,145) |
hsl(227,54%,37%) |
#26397e |
rgb(38,57,126) |
hsl(227,54%,32%) |
#20306a |
rgb(32,48,106) |
hsl(227,54%,27%) |
#1a2756 |
rgb(26,39,86) |
hsl(227,54%,22%) |
#141e43 |
rgb(20,30,67) |
hsl(227,54%,17%) |
#0e152f |
rgb(14,21,47) |
hsl(227,54%,12%) |
#080c1b |
rgb(8,12,27) |
hsl(227,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(227,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3196A5 |
rgb(49,150,165) |
hsl(188,54%,42%) |
#314AA5 |
rgb(49,74,165) |
hsl(227,54%,42%) |
#6530A5 |
rgb(101,48,165) |
hsl(267,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F6BCA |
rgb(79,107,202) |
hsl(226,54%,55%) |
#3857BF |
rgb(56,87,191) |
hsl(226,55%,48%) |
#314AA5 |
rgb(49,74,165) |
hsl(227,54%,42%) |
#293D8A |
rgb(41,61,138) |
hsl(228,54%,35%) |
#213370 |
rgb(33,51,112) |
hsl(226,54%,28%) |
#192655 |
rgb(25,38,85) |
hsl(227,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#314AA5 |
rgb(49,74,165) |
hsl(227,54%,42%) |
#A55231 |
rgb(165,82,49) |
hsl(17,54%,42%) |
#84A631 |
rgb(132,166,49) |
hsl(77,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314AA5 |
rgb(49,74,165) |
hsl(227,54%,42%) |
#A58C31 |
rgb(165,140,49) |
hsl(47,54%,42%) |
#3185A5 |
rgb(49,133,165) |
hsl(197,54%,42%) |
#84A631 |
rgb(132,166,49) |
hsl(77,54%,42%) |