HEX #314DA7 color — Sapphire
The color #314DA7 is a dark shade and moderately saturated.
Palette
314DA7 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(226,55%,97%) |
#dfe5f6 |
rgb(223,229,246) |
hsl(226,55%,92%) |
#ccd4f0 |
rgb(204,212,240) |
hsl(226,55%,87%) |
#b8c4ea |
rgb(184,196,234) |
hsl(226,55%,82%) |
#a4b3e5 |
rgb(164,179,229) |
hsl(226,55%,77%) |
#90a3df |
rgb(144,163,223) |
hsl(226,55%,72%) |
#7d92d9 |
rgb(125,146,217) |
hsl(226,55%,67%) |
#6982d3 |
rgb(105,130,211) |
hsl(226,55%,62%) |
#5571ce |
rgb(85,113,206) |
hsl(226,55%,57%) |
#4161c8 |
rgb(65,97,200) |
hsl(226,55%,52%) |
#3655ba |
rgb(54,85,186) |
hsl(226,55%,47%) |
#304ca6 |
rgb(48,76,166) |
hsl(226,55%,42%) |
#2a4392 |
rgb(42,67,146) |
hsl(226,55%,37%) |
#253a7e |
rgb(37,58,126) |
hsl(226,55%,32%) |
#1f316b |
rgb(31,49,107) |
hsl(226,55%,27%) |
#192857 |
rgb(25,40,87) |
hsl(226,55%,22%) |
#141f43 |
rgb(20,31,67) |
hsl(226,55%,17%) |
#0e162f |
rgb(14,22,47) |
hsl(226,55%,12%) |
#080d1c |
rgb(8,13,28) |
hsl(226,55%,7%) |
#020408 |
rgb(2,4,8) |
hsl(226,55%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#319CA7 |
rgb(49,156,167) |
hsl(186,55%,42%) |
#314DA7 |
rgb(49,77,167) |
hsl(226,55%,42%) |
#6330A7 |
rgb(99,48,167) |
hsl(266,55%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#516ECB |
rgb(81,110,203) |
hsl(226,54%,56%) |
#3859C1 |
rgb(56,89,193) |
hsl(226,55%,49%) |
#314DA7 |
rgb(49,77,167) |
hsl(226,55%,42%) |
#29408C |
rgb(41,64,140) |
hsl(226,55%,35%) |
#213671 |
rgb(33,54,113) |
hsl(224,55%,29%) |
#192956 |
rgb(25,41,86) |
hsl(224,55%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#314DA7 |
rgb(49,77,167) |
hsl(226,55%,42%) |
#A74F31 |
rgb(167,79,49) |
hsl(15,55%,42%) |
#88A631 |
rgb(136,166,49) |
hsl(75,54%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314DA7 |
rgb(49,77,167) |
hsl(226,55%,42%) |
#A78C31 |
rgb(167,140,49) |
hsl(46,55%,42%) |
#3187A7 |
rgb(49,135,167) |
hsl(196,55%,42%) |
#88A631 |
rgb(136,166,49) |
hsl(75,54%,42%) |