HEX #314DE5 color — Royal Blue
The color #314DE5 is a dark shade and moderately saturated.
Palette
314DE5 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8ebfc |
rgb(232,235,252) |
hsl(231,78%,95%) |
| #d2d8f9 |
rgb(210,216,249) |
hsl(231,78%,90%) |
| #bbc4f7 |
rgb(187,196,247) |
hsl(231,78%,85%) |
| #a4b0f4 |
rgb(164,176,244) |
hsl(231,78%,80%) |
| #8e9cf1 |
rgb(142,156,241) |
hsl(231,78%,75%) |
| #7789ee |
rgb(119,137,238) |
hsl(231,78%,70%) |
| #6075eb |
rgb(96,117,235) |
hsl(231,78%,65%) |
| #4961e9 |
rgb(73,97,233) |
hsl(231,78%,60%) |
| #334ee6 |
rgb(51,78,230) |
hsl(231,78%,55%) |
| #1c3ae3 |
rgb(28,58,227) |
hsl(231,78%,50%) |
| #1934cc |
rgb(25,52,204) |
hsl(231,78%,45%) |
| #162eb6 |
rgb(22,46,182) |
hsl(231,78%,40%) |
| #14299f |
rgb(20,41,159) |
hsl(231,78%,35%) |
| #112388 |
rgb(17,35,136) |
hsl(231,78%,30%) |
| #0e1d71 |
rgb(14,29,113) |
hsl(231,78%,25%) |
| #0b175b |
rgb(11,23,91) |
hsl(231,78%,20%) |
| #081144 |
rgb(8,17,68) |
hsl(231,78%,15%) |
| #060c2d |
rgb(6,12,45) |
hsl(231,78%,10%) |
| #030617 |
rgb(3,6,23) |
hsl(231,78%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31C4E5 |
rgb(49,196,229) |
hsl(191,78%,55%) |
| #314DE5 |
rgb(49,77,229) |
hsl(231,78%,55%) |
| #8D30E5 |
rgb(141,48,229) |
hsl(271,78%,54%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7F91EE |
rgb(127,145,238) |
hsl(230,77%,72%) |
| #5870E9 |
rgb(88,112,233) |
hsl(230,77%,63%) |
| #314DE5 |
rgb(49,77,229) |
hsl(231,78%,55%) |
| #1A36CF |
rgb(26,54,207) |
hsl(231,78%,46%) |
| #152BA7 |
rgb(21,43,167) |
hsl(231,78%,37%) |
| #102180 |
rgb(16,33,128) |
hsl(231,78%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #314DE5 |
rgb(49,77,229) |
hsl(231,78%,55%) |
| #E57031 |
rgb(229,112,49) |
hsl(21,78%,55%) |
| #A7E631 |
rgb(167,230,49) |
hsl(81,78%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314DE5 |
rgb(49,77,229) |
hsl(231,78%,55%) |
| #E5C931 |
rgb(229,201,49) |
hsl(51,78%,55%) |
| #31A6E5 |
rgb(49,166,229) |
hsl(201,78%,55%) |
| #A7E631 |
rgb(167,230,49) |
hsl(81,78%,55%) |
