HEX #318AE6 color — Royal Blue
The color #318AE6 is a light shade and moderately saturated.
Palette
318AE6 color palette from light to dark
HEX |
RGB |
HSL |
#e8f2fc |
rgb(232,242,252) |
hsl(210,78%,95%) |
#d2e6f9 |
rgb(210,230,249) |
hsl(210,78%,90%) |
#bbd9f7 |
rgb(187,217,247) |
hsl(210,78%,85%) |
#a4ccf4 |
rgb(164,204,244) |
hsl(210,78%,80%) |
#8ebff1 |
rgb(142,191,241) |
hsl(210,78%,75%) |
#77b3ee |
rgb(119,179,238) |
hsl(210,78%,70%) |
#60a6eb |
rgb(96,166,235) |
hsl(210,78%,65%) |
#4999e9 |
rgb(73,153,233) |
hsl(210,78%,60%) |
#338ce6 |
rgb(51,140,230) |
hsl(210,78%,55%) |
#1c80e3 |
rgb(28,128,227) |
hsl(210,78%,50%) |
#1973cc |
rgb(25,115,204) |
hsl(210,78%,45%) |
#1666b6 |
rgb(22,102,182) |
hsl(210,78%,40%) |
#14599f |
rgb(20,89,159) |
hsl(210,78%,35%) |
#114c88 |
rgb(17,76,136) |
hsl(210,78%,30%) |
#0e4071 |
rgb(14,64,113) |
hsl(210,78%,25%) |
#0b335b |
rgb(11,51,91) |
hsl(210,78%,20%) |
#082644 |
rgb(8,38,68) |
hsl(210,78%,15%) |
#061a2d |
rgb(6,26,45) |
hsl(210,78%,10%) |
#030d17 |
rgb(3,13,23) |
hsl(210,78%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31E6C9 |
rgb(49,230,201) |
hsl(170,78%,55%) |
#318AE6 |
rgb(49,138,230) |
hsl(210,78%,55%) |
#5030E6 |
rgb(80,48,230) |
hsl(251,78%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80B8EF |
rgb(128,184,239) |
hsl(210,78%,72%) |
#58A1EA |
rgb(88,161,234) |
hsl(210,78%,63%) |
#318AE6 |
rgb(49,138,230) |
hsl(210,78%,55%) |
#1973D1 |
rgb(25,115,209) |
hsl(211,79%,46%) |
#145EA9 |
rgb(20,94,169) |
hsl(210,79%,37%) |
#0F4781 |
rgb(15,71,129) |
hsl(211,79%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#318AE6 |
rgb(49,138,230) |
hsl(210,78%,55%) |
#E63331 |
rgb(230,51,49) |
hsl(1,78%,55%) |
#E4E631 |
rgb(228,230,49) |
hsl(61,78%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#318AE6 |
rgb(49,138,230) |
hsl(210,78%,55%) |
#E68C31 |
rgb(230,140,49) |
hsl(30,78%,55%) |
#31E6E6 |
rgb(49,230,230) |
hsl(180,78%,55%) |
#E4E631 |
rgb(228,230,49) |
hsl(61,78%,55%) |