HEX #314C96 color — Sapphire
The color #314c96 is a dark shade and moderately saturated.
Palette
314c96 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(224,51%,99%) |
#e8ecf8 |
rgb(232,236,248) |
hsl(224,51%,94%) |
#d5dcf1 |
rgb(213,220,241) |
hsl(224,51%,89%) |
#c1cceb |
rgb(193,204,235) |
hsl(224,51%,84%) |
#aebde5 |
rgb(174,189,229) |
hsl(224,51%,79%) |
#9baddf |
rgb(155,173,223) |
hsl(224,51%,74%) |
#889dd8 |
rgb(136,157,216) |
hsl(224,51%,69%) |
#748dd2 |
rgb(116,141,210) |
hsl(224,51%,64%) |
#617ecc |
rgb(97,126,204) |
hsl(224,51%,59%) |
#4e6ec6 |
rgb(78,110,198) |
hsl(224,51%,54%) |
#3d5fbd |
rgb(61,95,189) |
hsl(224,51%,49%) |
#3755a9 |
rgb(55,85,169) |
hsl(224,51%,44%) |
#314c96 |
rgb(49,76,150) |
hsl(224,51%,39%) |
#2a4283 |
rgb(42,66,131) |
hsl(224,51%,34%) |
#243870 |
rgb(36,56,112) |
hsl(224,51%,29%) |
#1e2f5c |
rgb(30,47,92) |
hsl(224,51%,24%) |
#182549 |
rgb(24,37,73) |
hsl(224,51%,19%) |
#111b36 |
rgb(17,27,54) |
hsl(224,51%,14%) |
#0b1123 |
rgb(11,17,35) |
hsl(224,51%,9%) |
#05080f |
rgb(5,8,15) |
hsl(224,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#318F96 |
rgb(49,143,150) |
hsl(184,51%,39%) |
#314C96 |
rgb(49,76,150) |
hsl(224,51%,39%) |
#593096 |
rgb(89,48,150) |
hsl(264,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3859AE |
rgb(56,89,174) |
hsl(223,51%,45%) |
#314C96 |
rgb(49,76,150) |
hsl(224,51%,39%) |
#29407E |
rgb(41,64,126) |
hsl(224,51%,33%) |
#213366 |
rgb(33,51,102) |
hsl(224,51%,26%) |
#19264E |
rgb(25,38,78) |
hsl(225,51%,20%) |
#111C36 |
rgb(17,28,54) |
hsl(222,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#314C96 |
rgb(49,76,150) |
hsl(224,51%,39%) |
#964731 |
rgb(150,71,49) |
hsl(13,51%,39%) |
#7E9631 |
rgb(126,150,49) |
hsl(74,51%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314C96 |
rgb(49,76,150) |
hsl(224,51%,39%) |
#967A31 |
rgb(150,122,49) |
hsl(43,51%,39%) |
#318096 |
rgb(49,128,150) |
hsl(193,51%,39%) |
#7E9631 |
rgb(126,150,49) |
hsl(74,51%,39%) |