HEX #314F9B color — Sapphire
The color #314f9b is a dark shade and moderately saturated.
Palette
314f9b color palette from light to dark
HEX |
RGB |
HSL |
#eceff9 |
rgb(236,239,249) |
hsl(223,52%,95%) |
#d8e0f3 |
rgb(216,224,243) |
hsl(223,52%,90%) |
#c5d0ed |
rgb(197,208,237) |
hsl(223,52%,85%) |
#b1c1e7 |
rgb(177,193,231) |
hsl(223,52%,80%) |
#9eb1e0 |
rgb(158,177,224) |
hsl(223,52%,75%) |
#8ba1da |
rgb(139,161,218) |
hsl(223,52%,70%) |
#7792d4 |
rgb(119,146,212) |
hsl(223,52%,65%) |
#6482ce |
rgb(100,130,206) |
hsl(223,52%,60%) |
#5172c8 |
rgb(81,114,200) |
hsl(223,52%,55%) |
#3d63c2 |
rgb(61,99,194) |
hsl(223,52%,50%) |
#3759ae |
rgb(55,89,174) |
hsl(223,52%,45%) |
#314f9b |
rgb(49,79,155) |
hsl(223,52%,40%) |
#2b4588 |
rgb(43,69,136) |
hsl(223,52%,35%) |
#253b74 |
rgb(37,59,116) |
hsl(223,52%,30%) |
#1f3161 |
rgb(31,49,97) |
hsl(223,52%,25%) |
#18284e |
rgb(24,40,78) |
hsl(223,52%,20%) |
#121e3a |
rgb(18,30,58) |
hsl(223,52%,15%) |
#0c1427 |
rgb(12,20,39) |
hsl(223,52%,10%) |
#060a13 |
rgb(6,10,19) |
hsl(223,52%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31969B |
rgb(49,150,155) |
hsl(183,52%,40%) |
#314F9B |
rgb(49,79,155) |
hsl(223,52%,40%) |
#59309B |
rgb(89,48,155) |
hsl(263,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#385CB3 |
rgb(56,92,179) |
hsl(222,52%,46%) |
#314F9B |
rgb(49,79,155) |
hsl(223,52%,40%) |
#294282 |
rgb(41,66,130) |
hsl(223,52%,34%) |
#213669 |
rgb(33,54,105) |
hsl(223,52%,27%) |
#192950 |
rgb(25,41,80) |
hsl(223,52%,21%) |
#111C37 |
rgb(17,28,55) |
hsl(223,53%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#314F9B |
rgb(49,79,155) |
hsl(223,52%,40%) |
#9B4731 |
rgb(155,71,49) |
hsl(12,52%,40%) |
#849C31 |
rgb(132,156,49) |
hsl(73,52%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314F9B |
rgb(49,79,155) |
hsl(223,52%,40%) |
#9B7D31 |
rgb(155,125,49) |
hsl(43,52%,40%) |
#31859B |
rgb(49,133,155) |
hsl(192,52%,40%) |
#849C31 |
rgb(132,156,49) |
hsl(73,52%,40%) |