HEX #314FF3 color — Royal Blue
The color #314FF3 is a dark shade and moderately saturated.
Palette
314FF3 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(231,89%,97%) |
#d8defd |
rgb(216,222,253) |
hsl(231,89%,92%) |
#c0c9fb |
rgb(192,201,251) |
hsl(231,89%,87%) |
#a8b5fa |
rgb(168,181,250) |
hsl(231,89%,82%) |
#90a0f9 |
rgb(144,160,249) |
hsl(231,89%,77%) |
#788bf7 |
rgb(120,139,247) |
hsl(231,89%,72%) |
#6076f6 |
rgb(96,118,246) |
hsl(231,89%,67%) |
#4862f4 |
rgb(72,98,244) |
hsl(231,89%,62%) |
#304df3 |
rgb(48,77,243) |
hsl(231,89%,57%) |
#1838f2 |
rgb(24,56,242) |
hsl(231,89%,52%) |
#0d2de3 |
rgb(13,45,227) |
hsl(231,89%,47%) |
#0c28ca |
rgb(12,40,202) |
hsl(231,89%,42%) |
#0a24b2 |
rgb(10,36,178) |
hsl(231,89%,37%) |
#091f9a |
rgb(9,31,154) |
hsl(231,89%,32%) |
#081a82 |
rgb(8,26,130) |
hsl(231,89%,27%) |
#06156a |
rgb(6,21,106) |
hsl(231,89%,22%) |
#051052 |
rgb(5,16,82) |
hsl(231,89%,17%) |
#030c3a |
rgb(3,12,58) |
hsl(231,89%,12%) |
#020722 |
rgb(2,7,34) |
hsl(231,89%,7%) |
#01020a |
rgb(1,2,10) |
hsl(231,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D1F3 |
rgb(49,209,243) |
hsl(191,89%,57%) |
#314FF3 |
rgb(49,79,243) |
hsl(231,89%,57%) |
#9430F3 |
rgb(148,48,243) |
hsl(271,89%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#899CF8 |
rgb(137,156,248) |
hsl(230,89%,75%) |
#5D75F5 |
rgb(93,117,245) |
hsl(231,88%,66%) |
#314FF3 |
rgb(49,79,243) |
hsl(231,89%,57%) |
#0D30E7 |
rgb(13,48,231) |
hsl(230,89%,48%) |
#0A26BB |
rgb(10,38,187) |
hsl(231,90%,39%) |
#081C8F |
rgb(8,28,143) |
hsl(231,89%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#314FF3 |
rgb(49,79,243) |
hsl(231,89%,57%) |
#F37331 |
rgb(243,115,49) |
hsl(20,89%,57%) |
#B0F231 |
rgb(176,242,49) |
hsl(81,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314FF3 |
rgb(49,79,243) |
hsl(231,89%,57%) |
#F3D631 |
rgb(243,214,49) |
hsl(51,89%,57%) |
#31B0F3 |
rgb(49,176,243) |
hsl(201,89%,57%) |
#B0F231 |
rgb(176,242,49) |
hsl(81,88%,57%) |