HEX #3185E6 color — Royal Blue
The color #3185E6 is a dark shade and moderately saturated.
Palette
3185E6 color palette from light to dark
HEX |
RGB |
HSL |
#e8f2fc |
rgb(232,242,252) |
hsl(212,78%,95%) |
#d2e4f9 |
rgb(210,228,249) |
hsl(212,78%,90%) |
#bbd7f7 |
rgb(187,215,247) |
hsl(212,78%,85%) |
#a4c9f4 |
rgb(164,201,244) |
hsl(212,78%,80%) |
#8ebcf1 |
rgb(142,188,241) |
hsl(212,78%,75%) |
#77afee |
rgb(119,175,238) |
hsl(212,78%,70%) |
#60a1eb |
rgb(96,161,235) |
hsl(212,78%,65%) |
#4994e9 |
rgb(73,148,233) |
hsl(212,78%,60%) |
#3386e6 |
rgb(51,134,230) |
hsl(212,78%,55%) |
#1c79e3 |
rgb(28,121,227) |
hsl(212,78%,50%) |
#196dcc |
rgb(25,109,204) |
hsl(212,78%,45%) |
#1661b6 |
rgb(22,97,182) |
hsl(212,78%,40%) |
#14559f |
rgb(20,85,159) |
hsl(212,78%,35%) |
#114988 |
rgb(17,73,136) |
hsl(212,78%,30%) |
#0e3c71 |
rgb(14,60,113) |
hsl(212,78%,25%) |
#0b305b |
rgb(11,48,91) |
hsl(212,78%,20%) |
#082444 |
rgb(8,36,68) |
hsl(212,78%,15%) |
#06182d |
rgb(6,24,45) |
hsl(212,78%,10%) |
#030c17 |
rgb(3,12,23) |
hsl(212,78%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31E6CE |
rgb(49,230,206) |
hsl(172,78%,55%) |
#3185E6 |
rgb(49,133,230) |
hsl(212,78%,55%) |
#5530E6 |
rgb(85,48,230) |
hsl(252,78%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80B5EF |
rgb(128,181,239) |
hsl(211,78%,72%) |
#589CEA |
rgb(88,156,234) |
hsl(212,78%,63%) |
#3185E6 |
rgb(49,133,230) |
hsl(212,78%,55%) |
#196ED1 |
rgb(25,110,209) |
hsl(212,79%,46%) |
#1459A9 |
rgb(20,89,169) |
hsl(212,79%,37%) |
#0F4581 |
rgb(15,69,129) |
hsl(212,79%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3185E6 |
rgb(49,133,230) |
hsl(212,78%,55%) |
#E63831 |
rgb(230,56,49) |
hsl(2,78%,55%) |
#DFE631 |
rgb(223,230,49) |
hsl(62,78%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3185E6 |
rgb(49,133,230) |
hsl(212,78%,55%) |
#E69131 |
rgb(230,145,49) |
hsl(32,78%,55%) |
#31E0E6 |
rgb(49,224,230) |
hsl(182,78%,55%) |
#DFE631 |
rgb(223,230,49) |
hsl(62,78%,55%) |