HEX #314F98 color — Sapphire
The color #314F98 is a dark shade and moderately saturated.
Palette
314F98 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(223,51%,99%) |
#e8ecf8 |
rgb(232,236,248) |
hsl(223,51%,94%) |
#d5ddf1 |
rgb(213,221,241) |
hsl(223,51%,89%) |
#c1cdeb |
rgb(193,205,235) |
hsl(223,51%,84%) |
#aebee5 |
rgb(174,190,229) |
hsl(223,51%,79%) |
#9baedf |
rgb(155,174,223) |
hsl(223,51%,74%) |
#889ed8 |
rgb(136,158,216) |
hsl(223,51%,69%) |
#748fd2 |
rgb(116,143,210) |
hsl(223,51%,64%) |
#617fcc |
rgb(97,127,204) |
hsl(223,51%,59%) |
#4e70c6 |
rgb(78,112,198) |
hsl(223,51%,54%) |
#3d61bd |
rgb(61,97,189) |
hsl(223,51%,49%) |
#3757a9 |
rgb(55,87,169) |
hsl(223,51%,44%) |
#314d96 |
rgb(49,77,150) |
hsl(223,51%,39%) |
#2a4483 |
rgb(42,68,131) |
hsl(223,51%,34%) |
#243a70 |
rgb(36,58,112) |
hsl(223,51%,29%) |
#1e305c |
rgb(30,48,92) |
hsl(223,51%,24%) |
#182649 |
rgb(24,38,73) |
hsl(223,51%,19%) |
#111c36 |
rgb(17,28,54) |
hsl(223,51%,14%) |
#0b1223 |
rgb(11,18,35) |
hsl(223,51%,9%) |
#05080f |
rgb(5,8,15) |
hsl(223,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#319498 |
rgb(49,148,152) |
hsl(182,51%,39%) |
#314F98 |
rgb(49,79,152) |
hsl(223,51%,39%) |
#573098 |
rgb(87,48,152) |
hsl(263,52%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#385CB0 |
rgb(56,92,176) |
hsl(222,52%,45%) |
#314F98 |
rgb(49,79,152) |
hsl(223,51%,39%) |
#29427F |
rgb(41,66,127) |
hsl(223,51%,33%) |
#213667 |
rgb(33,54,103) |
hsl(222,51%,27%) |
#19294F |
rgb(25,41,79) |
hsl(222,52%,20%) |
#111C36 |
rgb(17,28,54) |
hsl(222,52%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#314F98 |
rgb(49,79,152) |
hsl(223,51%,39%) |
#984731 |
rgb(152,71,49) |
hsl(13,51%,39%) |
#829931 |
rgb(130,153,49) |
hsl(73,51%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314F98 |
rgb(49,79,152) |
hsl(223,51%,39%) |
#987A31 |
rgb(152,122,49) |
hsl(43,51%,39%) |
#318298 |
rgb(49,130,152) |
hsl(193,51%,39%) |
#829931 |
rgb(130,153,49) |
hsl(73,51%,40%) |