HEX #314A98 color — Sapphire
The color #314A98 is a dark shade and moderately saturated.
Palette
314A98 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(225,51%,99%) |
#e8ecf8 |
rgb(232,236,248) |
hsl(225,51%,94%) |
#d5dcf1 |
rgb(213,220,241) |
hsl(225,51%,89%) |
#c1cceb |
rgb(193,204,235) |
hsl(225,51%,84%) |
#aebce5 |
rgb(174,188,229) |
hsl(225,51%,79%) |
#9bacdf |
rgb(155,172,223) |
hsl(225,51%,74%) |
#889cd8 |
rgb(136,156,216) |
hsl(225,51%,69%) |
#748cd2 |
rgb(116,140,210) |
hsl(225,51%,64%) |
#617ccc |
rgb(97,124,204) |
hsl(225,51%,59%) |
#4e6cc6 |
rgb(78,108,198) |
hsl(225,51%,54%) |
#3d5dbd |
rgb(61,93,189) |
hsl(225,51%,49%) |
#3754a9 |
rgb(55,84,169) |
hsl(225,51%,44%) |
#314a96 |
rgb(49,74,150) |
hsl(225,51%,39%) |
#2a4183 |
rgb(42,65,131) |
hsl(225,51%,34%) |
#243770 |
rgb(36,55,112) |
hsl(225,51%,29%) |
#1e2e5c |
rgb(30,46,92) |
hsl(225,51%,24%) |
#182449 |
rgb(24,36,73) |
hsl(225,51%,19%) |
#111b36 |
rgb(17,27,54) |
hsl(225,51%,14%) |
#0b1123 |
rgb(11,17,35) |
hsl(225,51%,9%) |
#05080f |
rgb(5,8,15) |
hsl(225,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#318F98 |
rgb(49,143,152) |
hsl(185,51%,39%) |
#314A98 |
rgb(49,74,152) |
hsl(225,51%,39%) |
#5C3098 |
rgb(92,48,152) |
hsl(265,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3857B0 |
rgb(56,87,176) |
hsl(225,52%,45%) |
#314A98 |
rgb(49,74,152) |
hsl(225,51%,39%) |
#293D7F |
rgb(41,61,127) |
hsl(226,51%,33%) |
#213367 |
rgb(33,51,103) |
hsl(225,51%,27%) |
#19264F |
rgb(25,38,79) |
hsl(226,52%,20%) |
#111A36 |
rgb(17,26,54) |
hsl(225,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#314A98 |
rgb(49,74,152) |
hsl(225,51%,39%) |
#984D31 |
rgb(152,77,49) |
hsl(16,51%,39%) |
#7D9931 |
rgb(125,153,49) |
hsl(76,51%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314A98 |
rgb(49,74,152) |
hsl(225,51%,39%) |
#988031 |
rgb(152,128,49) |
hsl(46,51%,39%) |
#317D98 |
rgb(49,125,152) |
hsl(196,51%,39%) |
#7D9931 |
rgb(125,153,49) |
hsl(76,51%,40%) |