HEX #314AE5 color — Royal Blue
The color #314AE5 is a dark shade and moderately saturated.
Palette
314AE5 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8ebfc |
rgb(232,235,252) |
hsl(232,78%,95%) |
| #d2d7f9 |
rgb(210,215,249) |
hsl(232,78%,90%) |
| #bbc3f7 |
rgb(187,195,247) |
hsl(232,78%,85%) |
| #a4aff4 |
rgb(164,175,244) |
hsl(232,78%,80%) |
| #8e9bf1 |
rgb(142,155,241) |
hsl(232,78%,75%) |
| #7787ee |
rgb(119,135,238) |
hsl(232,78%,70%) |
| #6073eb |
rgb(96,115,235) |
hsl(232,78%,65%) |
| #495fe9 |
rgb(73,95,233) |
hsl(232,78%,60%) |
| #334be6 |
rgb(51,75,230) |
hsl(232,78%,55%) |
| #1c37e3 |
rgb(28,55,227) |
hsl(232,78%,50%) |
| #1931cc |
rgb(25,49,204) |
hsl(232,78%,45%) |
| #162cb6 |
rgb(22,44,182) |
hsl(232,78%,40%) |
| #14269f |
rgb(20,38,159) |
hsl(232,78%,35%) |
| #112188 |
rgb(17,33,136) |
hsl(232,78%,30%) |
| #0e1b71 |
rgb(14,27,113) |
hsl(232,78%,25%) |
| #0b165b |
rgb(11,22,91) |
hsl(232,78%,20%) |
| #081044 |
rgb(8,16,68) |
hsl(232,78%,15%) |
| #060b2d |
rgb(6,11,45) |
hsl(232,78%,10%) |
| #030517 |
rgb(3,5,23) |
hsl(232,78%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31C2E5 |
rgb(49,194,229) |
hsl(192,78%,55%) |
| #314AE5 |
rgb(49,74,229) |
hsl(232,78%,55%) |
| #9030E5 |
rgb(144,48,229) |
hsl(272,78%,54%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7F8FEE |
rgb(127,143,238) |
hsl(231,77%,72%) |
| #586EE9 |
rgb(88,110,233) |
hsl(231,77%,63%) |
| #314AE5 |
rgb(49,74,229) |
hsl(232,78%,55%) |
| #1A33CF |
rgb(26,51,207) |
hsl(232,78%,46%) |
| #1529A7 |
rgb(21,41,167) |
hsl(232,78%,37%) |
| #101F80 |
rgb(16,31,128) |
hsl(232,78%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #314AE5 |
rgb(49,74,229) |
hsl(232,78%,55%) |
| #E57331 |
rgb(229,115,49) |
hsl(22,78%,55%) |
| #A4E631 |
rgb(164,230,49) |
hsl(82,78%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314AE5 |
rgb(49,74,229) |
hsl(232,78%,55%) |
| #E5CC31 |
rgb(229,204,49) |
hsl(52,78%,55%) |
| #31A3E5 |
rgb(49,163,229) |
hsl(202,78%,55%) |
| #A4E631 |
rgb(164,230,49) |
hsl(82,78%,55%) |
