HEX #314DDA color — Royal Blue
The color #314DDA is a dark shade and moderately saturated.
Palette
314DDA color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(230,70%,97%) |
#dce1f9 |
rgb(220,225,249) |
hsl(230,70%,92%) |
#c7cef5 |
rgb(199,206,245) |
hsl(230,70%,87%) |
#b1bcf1 |
rgb(177,188,241) |
hsl(230,70%,82%) |
#9ba9ed |
rgb(155,169,237) |
hsl(230,70%,77%) |
#8696ea |
rgb(134,150,234) |
hsl(230,70%,72%) |
#7084e6 |
rgb(112,132,230) |
hsl(230,70%,67%) |
#5a71e2 |
rgb(90,113,226) |
hsl(230,70%,62%) |
#455ede |
rgb(69,94,222) |
hsl(230,70%,57%) |
#2f4bda |
rgb(47,75,218) |
hsl(230,70%,52%) |
#2440cc |
rgb(36,64,204) |
hsl(230,70%,47%) |
#2039b6 |
rgb(32,57,182) |
hsl(230,70%,42%) |
#1c32a0 |
rgb(28,50,160) |
hsl(230,70%,37%) |
#182c8b |
rgb(24,44,139) |
hsl(230,70%,32%) |
#152575 |
rgb(21,37,117) |
hsl(230,70%,27%) |
#111e5f |
rgb(17,30,95) |
hsl(230,70%,22%) |
#0d174a |
rgb(13,23,74) |
hsl(230,70%,17%) |
#091034 |
rgb(9,16,52) |
hsl(230,70%,12%) |
#050a1e |
rgb(5,10,30) |
hsl(230,70%,7%) |
#020309 |
rgb(2,3,9) |
hsl(230,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31BDDA |
rgb(49,189,218) |
hsl(190,70%,52%) |
#314DDA |
rgb(49,77,218) |
hsl(230,70%,52%) |
#8530DA |
rgb(133,48,218) |
hsl(270,70%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#798CE7 |
rgb(121,140,231) |
hsl(230,70%,69%) |
#556BE0 |
rgb(85,107,224) |
hsl(231,69%,61%) |
#314DDA |
rgb(49,77,218) |
hsl(230,70%,52%) |
#223DBE |
rgb(34,61,190) |
hsl(230,70%,44%) |
#1B3099 |
rgb(27,48,153) |
hsl(230,70%,35%) |
#152675 |
rgb(21,38,117) |
hsl(229,70%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#314DDA |
rgb(49,77,218) |
hsl(230,70%,52%) |
#DA6931 |
rgb(218,105,49) |
hsl(20,70%,52%) |
#A1D931 |
rgb(161,217,49) |
hsl(80,69%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314DDA |
rgb(49,77,218) |
hsl(230,70%,52%) |
#DABF31 |
rgb(218,191,49) |
hsl(50,70%,52%) |
#31A1DA |
rgb(49,161,218) |
hsl(200,70%,52%) |
#A1D931 |
rgb(161,217,49) |
hsl(80,69%,52%) |