HEX #3057F3 color — Royal Blue
The color #3057F3 is a dark shade and moderately saturated.
Palette
3057F3 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(228,89%,97%) |
#d8e0fd |
rgb(216,224,253) |
hsl(228,89%,92%) |
#c0ccfb |
rgb(192,204,251) |
hsl(228,89%,87%) |
#a8b9fa |
rgb(168,185,250) |
hsl(228,89%,82%) |
#90a5f9 |
rgb(144,165,249) |
hsl(228,89%,77%) |
#7891f7 |
rgb(120,145,247) |
hsl(228,89%,72%) |
#607ef6 |
rgb(96,126,246) |
hsl(228,89%,67%) |
#486af4 |
rgb(72,106,244) |
hsl(228,89%,62%) |
#3057f3 |
rgb(48,87,243) |
hsl(228,89%,57%) |
#1843f2 |
rgb(24,67,242) |
hsl(228,89%,52%) |
#0d38e3 |
rgb(13,56,227) |
hsl(228,89%,47%) |
#0c32ca |
rgb(12,50,202) |
hsl(228,89%,42%) |
#0a2cb2 |
rgb(10,44,178) |
hsl(228,89%,37%) |
#09269a |
rgb(9,38,154) |
hsl(228,89%,32%) |
#082082 |
rgb(8,32,130) |
hsl(228,89%,27%) |
#061a6a |
rgb(6,26,106) |
hsl(228,89%,22%) |
#051452 |
rgb(5,20,82) |
hsl(228,89%,17%) |
#030e3a |
rgb(3,14,58) |
hsl(228,89%,12%) |
#020822 |
rgb(2,8,34) |
hsl(228,89%,7%) |
#01020a |
rgb(1,2,10) |
hsl(228,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D9F3 |
rgb(48,217,243) |
hsl(188,89%,57%) |
#3057F3 |
rgb(48,87,243) |
hsl(228,89%,57%) |
#8B30F3 |
rgb(139,48,243) |
hsl(268,89%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#889EF8 |
rgb(136,158,248) |
hsl(228,89%,75%) |
#5C7AF5 |
rgb(92,122,245) |
hsl(228,88%,66%) |
#3057F3 |
rgb(48,87,243) |
hsl(228,89%,57%) |
#0D38E7 |
rgb(13,56,231) |
hsl(228,89%,48%) |
#0A2EBB |
rgb(10,46,187) |
hsl(228,90%,39%) |
#08248F |
rgb(8,36,143) |
hsl(228,89%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3057F3 |
rgb(48,87,243) |
hsl(228,89%,57%) |
#F36B30 |
rgb(243,107,48) |
hsl(18,89%,57%) |
#B8F230 |
rgb(184,242,48) |
hsl(78,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3057F3 |
rgb(48,87,243) |
hsl(228,89%,57%) |
#F3CC30 |
rgb(243,204,48) |
hsl(48,89%,57%) |
#30B8F3 |
rgb(48,184,243) |
hsl(198,89%,57%) |
#B8F230 |
rgb(184,242,48) |
hsl(78,88%,57%) |