HEX #3057E1 color — Royal Blue
The color #3057E1 is a dark shade and moderately saturated.
Palette
3057E1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(227,75%,99%) |
#e4e9fb |
rgb(228,233,251) |
hsl(227,75%,94%) |
#ced7f8 |
rgb(206,215,248) |
hsl(227,75%,89%) |
#b8c5f5 |
rgb(184,197,245) |
hsl(227,75%,84%) |
#a1b3f2 |
rgb(161,179,242) |
hsl(227,75%,79%) |
#8ba1ee |
rgb(139,161,238) |
hsl(227,75%,74%) |
#758eeb |
rgb(117,142,235) |
hsl(227,75%,69%) |
#5e7ce8 |
rgb(94,124,232) |
hsl(227,75%,64%) |
#486ae5 |
rgb(72,106,229) |
hsl(227,75%,59%) |
#3258e2 |
rgb(50,88,226) |
hsl(227,75%,54%) |
#1f48db |
rgb(31,72,219) |
hsl(227,75%,49%) |
#1c41c4 |
rgb(28,65,196) |
hsl(227,75%,44%) |
#1939ae |
rgb(25,57,174) |
hsl(227,75%,39%) |
#163298 |
rgb(22,50,152) |
hsl(227,75%,34%) |
#122b81 |
rgb(18,43,129) |
hsl(227,75%,29%) |
#0f236b |
rgb(15,35,107) |
hsl(227,75%,24%) |
#0c1c55 |
rgb(12,28,85) |
hsl(227,75%,19%) |
#09153e |
rgb(9,21,62) |
hsl(227,75%,14%) |
#060d28 |
rgb(6,13,40) |
hsl(227,75%,9%) |
#030612 |
rgb(3,6,18) |
hsl(227,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30CCE1 |
rgb(48,204,225) |
hsl(187,75%,54%) |
#3057E1 |
rgb(48,87,225) |
hsl(227,75%,54%) |
#7F30E1 |
rgb(127,48,225) |
hsl(267,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C94EC |
rgb(124,148,236) |
hsl(227,75%,71%) |
#5675E6 |
rgb(86,117,230) |
hsl(227,74%,62%) |
#3057E1 |
rgb(48,87,225) |
hsl(227,75%,54%) |
#1D42C8 |
rgb(29,66,200) |
hsl(227,75%,45%) |
#1736A2 |
rgb(23,54,162) |
hsl(227,75%,36%) |
#11297B |
rgb(17,41,123) |
hsl(226,76%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3057E1 |
rgb(48,87,225) |
hsl(227,75%,54%) |
#E16130 |
rgb(225,97,48) |
hsl(17,75%,54%) |
#AFE030 |
rgb(175,224,48) |
hsl(77,74%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3057E1 |
rgb(48,87,225) |
hsl(227,75%,54%) |
#E1BA30 |
rgb(225,186,48) |
hsl(47,75%,54%) |
#30B0E1 |
rgb(48,176,225) |
hsl(197,75%,54%) |
#AFE030 |
rgb(175,224,48) |
hsl(77,74%,53%) |