HEX #314896 color — Sapphire
The color #314896 is a dark shade and moderately saturated.
Palette
314896 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(226,51%,99%) |
#e8ecf8 |
rgb(232,236,248) |
hsl(226,51%,94%) |
#d5dbf1 |
rgb(213,219,241) |
hsl(226,51%,89%) |
#c1cbeb |
rgb(193,203,235) |
hsl(226,51%,84%) |
#aebbe5 |
rgb(174,187,229) |
hsl(226,51%,79%) |
#9babdf |
rgb(155,171,223) |
hsl(226,51%,74%) |
#889ad8 |
rgb(136,154,216) |
hsl(226,51%,69%) |
#748ad2 |
rgb(116,138,210) |
hsl(226,51%,64%) |
#617acc |
rgb(97,122,204) |
hsl(226,51%,59%) |
#4e6ac6 |
rgb(78,106,198) |
hsl(226,51%,54%) |
#3d5bbd |
rgb(61,91,189) |
hsl(226,51%,49%) |
#3752a9 |
rgb(55,82,169) |
hsl(226,51%,44%) |
#314896 |
rgb(49,72,150) |
hsl(226,51%,39%) |
#2a3f83 |
rgb(42,63,131) |
hsl(226,51%,34%) |
#243670 |
rgb(36,54,112) |
hsl(226,51%,29%) |
#1e2d5c |
rgb(30,45,92) |
hsl(226,51%,24%) |
#182349 |
rgb(24,35,73) |
hsl(226,51%,19%) |
#111a36 |
rgb(17,26,54) |
hsl(226,51%,14%) |
#0b1123 |
rgb(11,17,35) |
hsl(226,51%,9%) |
#05070f |
rgb(5,7,15) |
hsl(226,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#318C96 |
rgb(49,140,150) |
hsl(186,51%,39%) |
#314896 |
rgb(49,72,150) |
hsl(226,51%,39%) |
#5D3096 |
rgb(93,48,150) |
hsl(266,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3854AE |
rgb(56,84,174) |
hsl(226,51%,45%) |
#314896 |
rgb(49,72,150) |
hsl(226,51%,39%) |
#293D7E |
rgb(41,61,126) |
hsl(226,51%,33%) |
#213066 |
rgb(33,48,102) |
hsl(227,51%,26%) |
#19264E |
rgb(25,38,78) |
hsl(225,51%,20%) |
#111A36 |
rgb(17,26,54) |
hsl(225,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#314896 |
rgb(49,72,150) |
hsl(226,51%,39%) |
#964D31 |
rgb(150,77,49) |
hsl(17,51%,39%) |
#7A9631 |
rgb(122,150,49) |
hsl(77,51%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314896 |
rgb(49,72,150) |
hsl(226,51%,39%) |
#968031 |
rgb(150,128,49) |
hsl(47,51%,39%) |
#317A96 |
rgb(49,122,150) |
hsl(197,51%,39%) |
#7A9631 |
rgb(122,150,49) |
hsl(77,51%,39%) |