HEX #3180E5 color — Royal Blue
The color #3180E5 is a dark shade and moderately saturated.
Palette
3180E5 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8f1fc |
rgb(232,241,252) |
hsl(214,78%,95%) |
| #d2e3f9 |
rgb(210,227,249) |
hsl(214,78%,90%) |
| #bbd5f7 |
rgb(187,213,247) |
hsl(214,78%,85%) |
| #a4c7f4 |
rgb(164,199,244) |
hsl(214,78%,80%) |
| #8eb9f1 |
rgb(142,185,241) |
hsl(214,78%,75%) |
| #77abee |
rgb(119,171,238) |
hsl(214,78%,70%) |
| #609ceb |
rgb(96,156,235) |
hsl(214,78%,65%) |
| #498ee9 |
rgb(73,142,233) |
hsl(214,78%,60%) |
| #3380e6 |
rgb(51,128,230) |
hsl(214,78%,55%) |
| #1c72e3 |
rgb(28,114,227) |
hsl(214,78%,50%) |
| #1967cc |
rgb(25,103,204) |
hsl(214,78%,45%) |
| #165bb6 |
rgb(22,91,182) |
hsl(214,78%,40%) |
| #14509f |
rgb(20,80,159) |
hsl(214,78%,35%) |
| #114588 |
rgb(17,69,136) |
hsl(214,78%,30%) |
| #0e3971 |
rgb(14,57,113) |
hsl(214,78%,25%) |
| #0b2e5b |
rgb(11,46,91) |
hsl(214,78%,20%) |
| #082244 |
rgb(8,34,68) |
hsl(214,78%,15%) |
| #06172d |
rgb(6,23,45) |
hsl(214,78%,10%) |
| #030b17 |
rgb(3,11,23) |
hsl(214,78%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31E6D2 |
rgb(49,230,210) |
hsl(173,78%,55%) |
| #3180E5 |
rgb(49,128,229) |
hsl(214,78%,55%) |
| #5A30E5 |
rgb(90,48,229) |
hsl(254,78%,54%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7FB0EE |
rgb(127,176,238) |
hsl(214,77%,72%) |
| #5899E9 |
rgb(88,153,233) |
hsl(213,77%,63%) |
| #3180E5 |
rgb(49,128,229) |
hsl(214,78%,55%) |
| #1A69CF |
rgb(26,105,207) |
hsl(214,78%,46%) |
| #1557A7 |
rgb(21,87,167) |
hsl(213,78%,37%) |
| #104280 |
rgb(16,66,128) |
hsl(213,78%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3180E5 |
rgb(49,128,229) |
hsl(214,78%,55%) |
| #E53D31 |
rgb(229,61,49) |
hsl(4,78%,55%) |
| #DAE631 |
rgb(218,230,49) |
hsl(64,78%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3180E5 |
rgb(49,128,229) |
hsl(214,78%,55%) |
| #E59631 |
rgb(229,150,49) |
hsl(34,78%,55%) |
| #31D9E5 |
rgb(49,217,229) |
hsl(184,78%,55%) |
| #DAE631 |
rgb(218,230,49) |
hsl(64,78%,55%) |
