HEX #3054F3 color — Royal Blue
The color #3054F3 is a dark shade and moderately saturated.
Palette
3054F3 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(229,89%,97%) |
#d8dffd |
rgb(216,223,253) |
hsl(229,89%,92%) |
#c0cbfb |
rgb(192,203,251) |
hsl(229,89%,87%) |
#a8b7fa |
rgb(168,183,250) |
hsl(229,89%,82%) |
#90a3f9 |
rgb(144,163,249) |
hsl(229,89%,77%) |
#788ff7 |
rgb(120,143,247) |
hsl(229,89%,72%) |
#607bf6 |
rgb(96,123,246) |
hsl(229,89%,67%) |
#4867f4 |
rgb(72,103,244) |
hsl(229,89%,62%) |
#3054f3 |
rgb(48,84,243) |
hsl(229,89%,57%) |
#1840f2 |
rgb(24,64,242) |
hsl(229,89%,52%) |
#0d34e3 |
rgb(13,52,227) |
hsl(229,89%,47%) |
#0c2fca |
rgb(12,47,202) |
hsl(229,89%,42%) |
#0a29b2 |
rgb(10,41,178) |
hsl(229,89%,37%) |
#09249a |
rgb(9,36,154) |
hsl(229,89%,32%) |
#081e82 |
rgb(8,30,130) |
hsl(229,89%,27%) |
#06186a |
rgb(6,24,106) |
hsl(229,89%,22%) |
#051352 |
rgb(5,19,82) |
hsl(229,89%,17%) |
#030d3a |
rgb(3,13,58) |
hsl(229,89%,12%) |
#020822 |
rgb(2,8,34) |
hsl(229,89%,7%) |
#01020a |
rgb(1,2,10) |
hsl(229,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30D6F3 |
rgb(48,214,243) |
hsl(189,89%,57%) |
#3054F3 |
rgb(48,84,243) |
hsl(229,89%,57%) |
#8E30F3 |
rgb(142,48,243) |
hsl(269,89%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#889CF8 |
rgb(136,156,248) |
hsl(229,89%,75%) |
#5C78F5 |
rgb(92,120,245) |
hsl(229,88%,66%) |
#3054F3 |
rgb(48,84,243) |
hsl(229,89%,57%) |
#0D36E7 |
rgb(13,54,231) |
hsl(229,89%,48%) |
#0A2BBB |
rgb(10,43,187) |
hsl(229,90%,39%) |
#08218F |
rgb(8,33,143) |
hsl(229,89%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3054F3 |
rgb(48,84,243) |
hsl(229,89%,57%) |
#F36E30 |
rgb(243,110,48) |
hsl(19,89%,57%) |
#B5F230 |
rgb(181,242,48) |
hsl(79,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3054F3 |
rgb(48,84,243) |
hsl(229,89%,57%) |
#F3CF30 |
rgb(243,207,48) |
hsl(49,89%,57%) |
#30B5F3 |
rgb(48,181,243) |
hsl(199,89%,57%) |
#B5F230 |
rgb(181,242,48) |
hsl(79,88%,57%) |