HEX #315CF3 color — Royal Blue
The color #315CF3 is a dark shade and moderately saturated.
Palette
315CF3 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(227,89%,97%) |
#d8e0fd |
rgb(216,224,253) |
hsl(227,89%,92%) |
#c0cdfb |
rgb(192,205,251) |
hsl(227,89%,87%) |
#a8bafa |
rgb(168,186,250) |
hsl(227,89%,82%) |
#90a7f9 |
rgb(144,167,249) |
hsl(227,89%,77%) |
#7894f7 |
rgb(120,148,247) |
hsl(227,89%,72%) |
#6080f6 |
rgb(96,128,246) |
hsl(227,89%,67%) |
#486df4 |
rgb(72,109,244) |
hsl(227,89%,62%) |
#305af3 |
rgb(48,90,243) |
hsl(227,89%,57%) |
#1847f2 |
rgb(24,71,242) |
hsl(227,89%,52%) |
#0d3be3 |
rgb(13,59,227) |
hsl(227,89%,47%) |
#0c35ca |
rgb(12,53,202) |
hsl(227,89%,42%) |
#0a2fb2 |
rgb(10,47,178) |
hsl(227,89%,37%) |
#09289a |
rgb(9,40,154) |
hsl(227,89%,32%) |
#082282 |
rgb(8,34,130) |
hsl(227,89%,27%) |
#061c6a |
rgb(6,28,106) |
hsl(227,89%,22%) |
#051552 |
rgb(5,21,82) |
hsl(227,89%,17%) |
#030f3a |
rgb(3,15,58) |
hsl(227,89%,12%) |
#020922 |
rgb(2,9,34) |
hsl(227,89%,7%) |
#01030a |
rgb(1,3,10) |
hsl(227,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31DEF3 |
rgb(49,222,243) |
hsl(186,89%,57%) |
#315CF3 |
rgb(49,92,243) |
hsl(227,89%,57%) |
#8730F3 |
rgb(135,48,243) |
hsl(267,89%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89A1F8 |
rgb(137,161,248) |
hsl(227,89%,75%) |
#5D80F5 |
rgb(93,128,245) |
hsl(226,88%,66%) |
#315CF3 |
rgb(49,92,243) |
hsl(227,89%,57%) |
#0D3DE7 |
rgb(13,61,231) |
hsl(227,89%,48%) |
#0A33BB |
rgb(10,51,187) |
hsl(226,90%,39%) |
#08268F |
rgb(8,38,143) |
hsl(227,89%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#315CF3 |
rgb(49,92,243) |
hsl(227,89%,57%) |
#F36631 |
rgb(243,102,49) |
hsl(16,89%,57%) |
#BDF231 |
rgb(189,242,49) |
hsl(76,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315CF3 |
rgb(49,92,243) |
hsl(227,89%,57%) |
#F3C731 |
rgb(243,199,49) |
hsl(46,89%,57%) |
#31BDF3 |
rgb(49,189,243) |
hsl(197,89%,57%) |
#BDF231 |
rgb(189,242,49) |
hsl(76,88%,57%) |