HEX #314DA8 color — Sapphire
The color #314DA8 is a dark shade and moderately saturated.
Palette
314DA8 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(226,55%,98%) |
#e3e8f7 |
rgb(227,232,247) |
hsl(226,55%,93%) |
#d0d7f1 |
rgb(208,215,241) |
hsl(226,55%,88%) |
#bcc7eb |
rgb(188,199,235) |
hsl(226,55%,83%) |
#a8b6e6 |
rgb(168,182,230) |
hsl(226,55%,78%) |
#94a6e0 |
rgb(148,166,224) |
hsl(226,55%,73%) |
#8195da |
rgb(129,149,218) |
hsl(226,55%,68%) |
#6d85d5 |
rgb(109,133,213) |
hsl(226,55%,63%) |
#5974cf |
rgb(89,116,207) |
hsl(226,55%,58%) |
#4564c9 |
rgb(69,100,201) |
hsl(226,55%,53%) |
#3756be |
rgb(55,86,190) |
hsl(226,55%,48%) |
#314daa |
rgb(49,77,170) |
hsl(226,55%,43%) |
#2c4496 |
rgb(44,68,150) |
hsl(226,55%,38%) |
#263b82 |
rgb(38,59,130) |
hsl(226,55%,33%) |
#20326f |
rgb(32,50,111) |
hsl(226,55%,28%) |
#1a295b |
rgb(26,41,91) |
hsl(226,55%,23%) |
#152047 |
rgb(21,32,71) |
hsl(226,55%,18%) |
#0f1733 |
rgb(15,23,51) |
hsl(226,55%,13%) |
#090e20 |
rgb(9,14,32) |
hsl(226,55%,8%) |
#03050c |
rgb(3,5,12) |
hsl(226,55%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#319CA8 |
rgb(49,156,168) |
hsl(186,55%,43%) |
#314DA8 |
rgb(49,77,168) |
hsl(226,55%,43%) |
#6430A8 |
rgb(100,48,168) |
hsl(266,56%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#516ECC |
rgb(81,110,204) |
hsl(226,55%,56%) |
#3859C2 |
rgb(56,89,194) |
hsl(226,55%,49%) |
#314DA8 |
rgb(49,77,168) |
hsl(226,55%,43%) |
#29408D |
rgb(41,64,141) |
hsl(226,55%,36%) |
#213672 |
rgb(33,54,114) |
hsl(224,55%,29%) |
#192957 |
rgb(25,41,87) |
hsl(225,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#314DA8 |
rgb(49,77,168) |
hsl(226,55%,43%) |
#A85231 |
rgb(168,82,49) |
hsl(17,55%,43%) |
#88A831 |
rgb(136,168,49) |
hsl(76,55%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314DA8 |
rgb(49,77,168) |
hsl(226,55%,43%) |
#A88C31 |
rgb(168,140,49) |
hsl(46,55%,43%) |
#318AA8 |
rgb(49,138,168) |
hsl(195,55%,43%) |
#88A831 |
rgb(136,168,49) |
hsl(76,55%,43%) |