HEX #314A9D color — Sapphire
The color #314A9D is a dark shade and moderately saturated.
Palette
314A9D color palette from light to dark
HEX |
RGB |
HSL |
#eceff9 |
rgb(236,239,249) |
hsl(226,52%,95%) |
#d8def3 |
rgb(216,222,243) |
hsl(226,52%,90%) |
#c5ceed |
rgb(197,206,237) |
hsl(226,52%,85%) |
#b1bee7 |
rgb(177,190,231) |
hsl(226,52%,80%) |
#9eaee0 |
rgb(158,174,224) |
hsl(226,52%,75%) |
#8b9dda |
rgb(139,157,218) |
hsl(226,52%,70%) |
#778dd4 |
rgb(119,141,212) |
hsl(226,52%,65%) |
#647dce |
rgb(100,125,206) |
hsl(226,52%,60%) |
#516cc8 |
rgb(81,108,200) |
hsl(226,52%,55%) |
#3d5cc2 |
rgb(61,92,194) |
hsl(226,52%,50%) |
#3753ae |
rgb(55,83,174) |
hsl(226,52%,45%) |
#314a9b |
rgb(49,74,155) |
hsl(226,52%,40%) |
#2b4088 |
rgb(43,64,136) |
hsl(226,52%,35%) |
#253774 |
rgb(37,55,116) |
hsl(226,52%,30%) |
#1f2e61 |
rgb(31,46,97) |
hsl(226,52%,25%) |
#18254e |
rgb(24,37,78) |
hsl(226,52%,20%) |
#121c3a |
rgb(18,28,58) |
hsl(226,52%,15%) |
#0c1227 |
rgb(12,18,39) |
hsl(226,52%,10%) |
#060913 |
rgb(6,9,19) |
hsl(226,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31919D |
rgb(49,145,157) |
hsl(187,52%,40%) |
#314A9D |
rgb(49,74,157) |
hsl(226,52%,40%) |
#60309D |
rgb(96,48,157) |
hsl(266,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4966C6 |
rgb(73,102,198) |
hsl(226,52%,53%) |
#3857B6 |
rgb(56,87,182) |
hsl(225,53%,47%) |
#314A9D |
rgb(49,74,157) |
hsl(226,52%,40%) |
#293D83 |
rgb(41,61,131) |
hsl(227,52%,34%) |
#21336A |
rgb(33,51,106) |
hsl(225,53%,27%) |
#192651 |
rgb(25,38,81) |
hsl(226,53%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#314A9D |
rgb(49,74,157) |
hsl(226,52%,40%) |
#9D4F31 |
rgb(157,79,49) |
hsl(17,52%,40%) |
#809E31 |
rgb(128,158,49) |
hsl(77,53%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314A9D |
rgb(49,74,157) |
hsl(226,52%,40%) |
#9D8531 |
rgb(157,133,49) |
hsl(47,52%,40%) |
#31809D |
rgb(49,128,157) |
hsl(196,52%,40%) |
#809E31 |
rgb(128,158,49) |
hsl(77,53%,41%) |