HEX #314AF4 color — Royal Blue
The color #314AF4 is a dark shade and moderately saturated.
Palette
314AF4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fe |
rgb(240,242,254) |
hsl(232,90%,97%) |
#d8ddfd |
rgb(216,221,253) |
hsl(232,90%,92%) |
#c0c8fc |
rgb(192,200,252) |
hsl(232,90%,87%) |
#a8b3fa |
rgb(168,179,250) |
hsl(232,90%,82%) |
#909ef9 |
rgb(144,158,249) |
hsl(232,90%,77%) |
#7788f8 |
rgb(119,136,248) |
hsl(232,90%,72%) |
#5f73f7 |
rgb(95,115,247) |
hsl(232,90%,67%) |
#475ef5 |
rgb(71,94,245) |
hsl(232,90%,62%) |
#2f49f4 |
rgb(47,73,244) |
hsl(232,90%,57%) |
#1634f3 |
rgb(22,52,243) |
hsl(232,90%,52%) |
#0c29e4 |
rgb(12,41,228) |
hsl(232,90%,47%) |
#0b24cb |
rgb(11,36,203) |
hsl(232,90%,42%) |
#0920b3 |
rgb(9,32,179) |
hsl(232,90%,37%) |
#081c9b |
rgb(8,28,155) |
hsl(232,90%,32%) |
#071783 |
rgb(7,23,131) |
hsl(232,90%,27%) |
#06136b |
rgb(6,19,107) |
hsl(232,90%,22%) |
#040f52 |
rgb(4,15,82) |
hsl(232,90%,17%) |
#030a3a |
rgb(3,10,58) |
hsl(232,90%,12%) |
#020622 |
rgb(2,6,34) |
hsl(232,90%,7%) |
#01020a |
rgb(1,2,10) |
hsl(232,90%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31CCF4 |
rgb(49,204,244) |
hsl(192,90%,57%) |
#314AF4 |
rgb(49,74,244) |
hsl(232,90%,57%) |
#9A30F4 |
rgb(154,48,244) |
hsl(272,90%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8A99F8 |
rgb(138,153,248) |
hsl(232,89%,76%) |
#5D70F6 |
rgb(93,112,246) |
hsl(233,89%,66%) |
#314AF4 |
rgb(49,74,244) |
hsl(232,90%,57%) |
#0C29E9 |
rgb(12,41,233) |
hsl(232,90%,48%) |
#0A21BD |
rgb(10,33,189) |
hsl(232,90%,39%) |
#071A90 |
rgb(7,26,144) |
hsl(232,91%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#314AF4 |
rgb(49,74,244) |
hsl(232,90%,57%) |
#F47A31 |
rgb(244,122,49) |
hsl(22,90%,57%) |
#ABF531 |
rgb(171,245,49) |
hsl(83,91%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314AF4 |
rgb(49,74,244) |
hsl(232,90%,57%) |
#F4DB31 |
rgb(244,219,49) |
hsl(52,90%,57%) |
#31ABF4 |
rgb(49,171,244) |
hsl(202,90%,57%) |
#ABF531 |
rgb(171,245,49) |
hsl(83,91%,58%) |