HEX #3354F0 color — Royal Blue
The color #3354F0 is a dark shade and moderately saturated.
Palette
3354F0 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(230,86%,97%) |
#d9dffc |
rgb(217,223,252) |
hsl(230,86%,92%) |
#c1cbfa |
rgb(193,203,250) |
hsl(230,86%,87%) |
#aab7f9 |
rgb(170,183,249) |
hsl(230,86%,82%) |
#92a3f7 |
rgb(146,163,247) |
hsl(230,86%,77%) |
#7a8ff5 |
rgb(122,143,245) |
hsl(230,86%,72%) |
#627bf3 |
rgb(98,123,243) |
hsl(230,86%,67%) |
#4b67f1 |
rgb(75,103,241) |
hsl(230,86%,62%) |
#3352f0 |
rgb(51,82,240) |
hsl(230,86%,57%) |
#1b3eee |
rgb(27,62,238) |
hsl(230,86%,52%) |
#1133df |
rgb(17,51,223) |
hsl(230,86%,47%) |
#0f2ec7 |
rgb(15,46,199) |
hsl(230,86%,42%) |
#0d28af |
rgb(13,40,175) |
hsl(230,86%,37%) |
#0b2398 |
rgb(11,35,152) |
hsl(230,86%,32%) |
#0a1d80 |
rgb(10,29,128) |
hsl(230,86%,27%) |
#081868 |
rgb(8,24,104) |
hsl(230,86%,22%) |
#061251 |
rgb(6,18,81) |
hsl(230,86%,17%) |
#040d39 |
rgb(4,13,57) |
hsl(230,86%,12%) |
#020821 |
rgb(2,8,33) |
hsl(230,86%,7%) |
#010209 |
rgb(1,2,9) |
hsl(230,86%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D1F0 |
rgb(51,209,240) |
hsl(190,86%,57%) |
#3354F0 |
rgb(51,84,240) |
hsl(230,86%,57%) |
#9033F0 |
rgb(144,51,240) |
hsl(270,86%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#899CF6 |
rgb(137,156,246) |
hsl(230,86%,75%) |
#5E78F3 |
rgb(94,120,243) |
hsl(230,86%,66%) |
#3354F0 |
rgb(51,84,240) |
hsl(230,86%,57%) |
#1036E3 |
rgb(16,54,227) |
hsl(229,87%,48%) |
#0D2BB8 |
rgb(13,43,184) |
hsl(229,87%,39%) |
#0A218C |
rgb(10,33,140) |
hsl(229,87%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3354F0 |
rgb(51,84,240) |
hsl(230,86%,57%) |
#F07033 |
rgb(240,112,51) |
hsl(19,86%,57%) |
#B2F033 |
rgb(178,240,51) |
hsl(80,86%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3354F0 |
rgb(51,84,240) |
hsl(230,86%,57%) |
#F0CF33 |
rgb(240,207,51) |
hsl(50,86%,57%) |
#33B3F0 |
rgb(51,179,240) |
hsl(199,86%,57%) |
#B2F033 |
rgb(178,240,51) |
hsl(80,86%,57%) |