HEX #314AA2 color — Sapphire
The color #314AA2 is a dark shade and moderately saturated.
Palette
314AA2 color palette from light to dark
HEX |
RGB |
HSL |
#eff2fa |
rgb(239,242,250) |
hsl(227,54%,96%) |
#dce1f4 |
rgb(220,225,244) |
hsl(227,54%,91%) |
#c8d0ef |
rgb(200,208,239) |
hsl(227,54%,86%) |
#b4c0e9 |
rgb(180,192,233) |
hsl(227,54%,81%) |
#a1afe3 |
rgb(161,175,227) |
hsl(227,54%,76%) |
#8d9edd |
rgb(141,158,221) |
hsl(227,54%,71%) |
#798ed7 |
rgb(121,142,215) |
hsl(227,54%,66%) |
#667dd1 |
rgb(102,125,209) |
hsl(227,54%,61%) |
#526ccb |
rgb(82,108,203) |
hsl(227,54%,56%) |
#3f5cc6 |
rgb(63,92,198) |
hsl(227,54%,51%) |
#3651b5 |
rgb(54,81,181) |
hsl(227,54%,46%) |
#3049a1 |
rgb(48,73,161) |
hsl(227,54%,41%) |
#2a408d |
rgb(42,64,141) |
hsl(227,54%,36%) |
#24377a |
rgb(36,55,122) |
hsl(227,54%,31%) |
#1e2e66 |
rgb(30,46,102) |
hsl(227,54%,26%) |
#192552 |
rgb(25,37,82) |
hsl(227,54%,21%) |
#131c3f |
rgb(19,28,63) |
hsl(227,54%,16%) |
#0d132b |
rgb(13,19,43) |
hsl(227,54%,11%) |
#070b18 |
rgb(7,11,24) |
hsl(227,54%,6%) |
#010204 |
rgb(1,2,4) |
hsl(227,54%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3196A2 |
rgb(49,150,162) |
hsl(186,54%,41%) |
#314AA2 |
rgb(49,74,162) |
hsl(227,54%,41%) |
#6330A2 |
rgb(99,48,162) |
hsl(267,54%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D69C9 |
rgb(77,105,201) |
hsl(226,53%,55%) |
#3857BB |
rgb(56,87,187) |
hsl(226,54%,48%) |
#314AA2 |
rgb(49,74,162) |
hsl(227,54%,41%) |
#293D88 |
rgb(41,61,136) |
hsl(227,54%,35%) |
#21336E |
rgb(33,51,110) |
hsl(226,54%,28%) |
#192654 |
rgb(25,38,84) |
hsl(227,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#314AA2 |
rgb(49,74,162) |
hsl(227,54%,41%) |
#A25231 |
rgb(162,82,49) |
hsl(18,54%,41%) |
#82A331 |
rgb(130,163,49) |
hsl(77,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314AA2 |
rgb(49,74,162) |
hsl(227,54%,41%) |
#A28A31 |
rgb(162,138,49) |
hsl(47,54%,41%) |
#3182A2 |
rgb(49,130,162) |
hsl(197,54%,41%) |
#82A331 |
rgb(130,163,49) |
hsl(77,54%,42%) |