HEX #3057F2 color — Royal Blue
The color #3057F2 is a dark shade and moderately saturated.
Palette
3057F2 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 |
#30D9F2 |
rgb(48,217,242) |
hsl(188,88%,57%) |
#3057F2 |
rgb(48,87,242) |
hsl(228,88%,57%) |
#8A30F2 |
rgb(138,48,242) |
hsl(268,88%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#879EF7 |
rgb(135,158,247) |
hsl(228,88%,75%) |
#5B7AF4 |
rgb(91,122,244) |
hsl(228,87%,66%) |
#3057F2 |
rgb(48,87,242) |
hsl(228,88%,57%) |
#0E3BE5 |
rgb(14,59,229) |
hsl(227,88%,48%) |
#0B2EB9 |
rgb(11,46,185) |
hsl(228,89%,38%) |
#08248D |
rgb(8,36,141) |
hsl(227,89%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3057F2 |
rgb(48,87,242) |
hsl(228,88%,57%) |
#F26B30 |
rgb(242,107,48) |
hsl(18,88%,57%) |
#B8F230 |
rgb(184,242,48) |
hsl(78,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3057F2 |
rgb(48,87,242) |
hsl(228,88%,57%) |
#F2CC30 |
rgb(242,204,48) |
hsl(48,88%,57%) |
#30B8F2 |
rgb(48,184,242) |
hsl(198,88%,57%) |
#B8F230 |
rgb(184,242,48) |
hsl(78,88%,57%) |