HEX #314597 color — Sapphire
The color #314597 is a dark shade and moderately saturated.
Palette
314597 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(228,51%,99%) |
#e8ebf8 |
rgb(232,235,248) |
hsl(228,51%,94%) |
#d5daf1 |
rgb(213,218,241) |
hsl(228,51%,89%) |
#c1caeb |
rgb(193,202,235) |
hsl(228,51%,84%) |
#aeb9e5 |
rgb(174,185,229) |
hsl(228,51%,79%) |
#9ba8df |
rgb(155,168,223) |
hsl(228,51%,74%) |
#8898d8 |
rgb(136,152,216) |
hsl(228,51%,69%) |
#7487d2 |
rgb(116,135,210) |
hsl(228,51%,64%) |
#6176cc |
rgb(97,118,204) |
hsl(228,51%,59%) |
#4e66c6 |
rgb(78,102,198) |
hsl(228,51%,54%) |
#3d57bd |
rgb(61,87,189) |
hsl(228,51%,49%) |
#374ea9 |
rgb(55,78,169) |
hsl(228,51%,44%) |
#314596 |
rgb(49,69,150) |
hsl(228,51%,39%) |
#2a3c83 |
rgb(42,60,131) |
hsl(228,51%,34%) |
#243370 |
rgb(36,51,112) |
hsl(228,51%,29%) |
#1e2a5c |
rgb(30,42,92) |
hsl(228,51%,24%) |
#182249 |
rgb(24,34,73) |
hsl(228,51%,19%) |
#111936 |
rgb(17,25,54) |
hsl(228,51%,14%) |
#0b1023 |
rgb(11,16,35) |
hsl(228,51%,9%) |
#05070f |
rgb(5,7,15) |
hsl(228,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#318A97 |
rgb(49,138,151) |
hsl(188,51%,39%) |
#314597 |
rgb(49,69,151) |
hsl(228,51%,39%) |
#613097 |
rgb(97,48,151) |
hsl(269,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#384FAF |
rgb(56,79,175) |
hsl(228,52%,45%) |
#314597 |
rgb(49,69,151) |
hsl(228,51%,39%) |
#293B7E |
rgb(41,59,126) |
hsl(227,51%,33%) |
#212E66 |
rgb(33,46,102) |
hsl(229,51%,26%) |
#19244E |
rgb(25,36,78) |
hsl(228,51%,20%) |
#111A36 |
rgb(17,26,54) |
hsl(225,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#314597 |
rgb(49,69,151) |
hsl(228,51%,39%) |
#974F31 |
rgb(151,79,49) |
hsl(18,51%,39%) |
#789631 |
rgb(120,150,49) |
hsl(78,51%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314597 |
rgb(49,69,151) |
hsl(228,51%,39%) |
#978231 |
rgb(151,130,49) |
hsl(48,51%,39%) |
#317897 |
rgb(49,120,151) |
hsl(198,51%,39%) |
#789631 |
rgb(120,150,49) |
hsl(78,51%,39%) |