HEX #3157F2 color — Royal Blue
The color #3157f2 is a dark shade and moderately saturated.
Palette
3157f2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(228,88%,97%) |
#d9e0fd |
rgb(217,224,253) |
hsl(228,88%,92%) |
#c1ccfb |
rgb(193,204,251) |
hsl(228,88%,87%) |
#a9b9f9 |
rgb(169,185,249) |
hsl(228,88%,82%) |
#91a5f8 |
rgb(145,165,248) |
hsl(228,88%,77%) |
#7992f6 |
rgb(121,146,246) |
hsl(228,88%,72%) |
#617ef5 |
rgb(97,126,245) |
hsl(228,88%,67%) |
#496bf3 |
rgb(73,107,243) |
hsl(228,88%,62%) |
#3157f2 |
rgb(49,87,242) |
hsl(228,88%,57%) |
#1944f0 |
rgb(25,68,240) |
hsl(228,88%,52%) |
#0e39e1 |
rgb(14,57,225) |
hsl(228,88%,47%) |
#0d33c9 |
rgb(13,51,201) |
hsl(228,88%,42%) |
#0b2db1 |
rgb(11,45,177) |
hsl(228,88%,37%) |
#0a2799 |
rgb(10,39,153) |
hsl(228,88%,32%) |
#082081 |
rgb(8,32,129) |
hsl(228,88%,27%) |
#071a69 |
rgb(7,26,105) |
hsl(228,88%,22%) |
#051451 |
rgb(5,20,81) |
hsl(228,88%,17%) |
#040e3a |
rgb(4,14,58) |
hsl(228,88%,12%) |
#020822 |
rgb(2,8,34) |
hsl(228,88%,7%) |
#01020a |
rgb(1,2,10) |
hsl(228,88%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D9F2 |
rgb(49,217,242) |
hsl(188,88%,57%) |
#3157F2 |
rgb(49,87,242) |
hsl(228,88%,57%) |
#8B30F2 |
rgb(139,48,242) |
hsl(268,88%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#889EF7 |
rgb(136,158,247) |
hsl(228,87%,75%) |
#5C7AF4 |
rgb(92,122,244) |
hsl(228,87%,66%) |
#3157F2 |
rgb(49,87,242) |
hsl(228,88%,57%) |
#0E38E5 |
rgb(14,56,229) |
hsl(228,88%,48%) |
#0B2EBA |
rgb(11,46,186) |
hsl(228,89%,39%) |
#08248E |
rgb(8,36,142) |
hsl(227,89%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3157F2 |
rgb(49,87,242) |
hsl(228,88%,57%) |
#F26B31 |
rgb(242,107,49) |
hsl(18,88%,57%) |
#B7F231 |
rgb(183,242,49) |
hsl(78,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3157F2 |
rgb(49,87,242) |
hsl(228,88%,57%) |
#F2CC31 |
rgb(242,204,49) |
hsl(48,88%,57%) |
#31B8F2 |
rgb(49,184,242) |
hsl(198,88%,57%) |
#B7F231 |
rgb(183,242,49) |
hsl(78,88%,57%) |