HEX #314FF4 color — Royal Blue
The color #314FF4 is a dark shade and moderately saturated.
Palette
314FF4 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fe |
rgb(240,243,254) |
hsl(231,90%,97%) |
#d8defd |
rgb(216,222,253) |
hsl(231,90%,92%) |
#c0c9fc |
rgb(192,201,252) |
hsl(231,90%,87%) |
#a8b4fa |
rgb(168,180,250) |
hsl(231,90%,82%) |
#909ff9 |
rgb(144,159,249) |
hsl(231,90%,77%) |
#778bf8 |
rgb(119,139,248) |
hsl(231,90%,72%) |
#5f76f7 |
rgb(95,118,247) |
hsl(231,90%,67%) |
#4761f5 |
rgb(71,97,245) |
hsl(231,90%,62%) |
#2f4cf4 |
rgb(47,76,244) |
hsl(231,90%,57%) |
#1637f3 |
rgb(22,55,243) |
hsl(231,90%,52%) |
#0c2ce4 |
rgb(12,44,228) |
hsl(231,90%,47%) |
#0b28cb |
rgb(11,40,203) |
hsl(231,90%,42%) |
#0923b3 |
rgb(9,35,179) |
hsl(231,90%,37%) |
#081e9b |
rgb(8,30,155) |
hsl(231,90%,32%) |
#071983 |
rgb(7,25,131) |
hsl(231,90%,27%) |
#06156b |
rgb(6,21,107) |
hsl(231,90%,22%) |
#041052 |
rgb(4,16,82) |
hsl(231,90%,17%) |
#030b3a |
rgb(3,11,58) |
hsl(231,90%,12%) |
#020722 |
rgb(2,7,34) |
hsl(231,90%,7%) |
#01020a |
rgb(1,2,10) |
hsl(231,90%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D1F4 |
rgb(49,209,244) |
hsl(191,90%,57%) |
#314FF4 |
rgb(49,79,244) |
hsl(231,90%,57%) |
#9530F4 |
rgb(149,48,244) |
hsl(271,90%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8A9CF8 |
rgb(138,156,248) |
hsl(230,89%,76%) |
#5D75F6 |
rgb(93,117,246) |
hsl(231,89%,66%) |
#314FF4 |
rgb(49,79,244) |
hsl(231,90%,57%) |
#0C2EE9 |
rgb(12,46,233) |
hsl(231,90%,48%) |
#0A26BD |
rgb(10,38,189) |
hsl(231,90%,39%) |
#071C90 |
rgb(7,28,144) |
hsl(231,91%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#314FF4 |
rgb(49,79,244) |
hsl(231,90%,57%) |
#F47531 |
rgb(244,117,49) |
hsl(21,90%,57%) |
#B0F531 |
rgb(176,245,49) |
hsl(81,91%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314FF4 |
rgb(49,79,244) |
hsl(231,90%,57%) |
#F4D631 |
rgb(244,214,49) |
hsl(51,90%,57%) |
#31B0F4 |
rgb(49,176,244) |
hsl(201,90%,57%) |
#B0F531 |
rgb(176,245,49) |
hsl(81,91%,58%) |