HEX #3154F0 color — Royal Blue
The color #3154F0 is a dark shade and moderately saturated.
Palette
3154F0 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(229,86%,97%) |
#d9dffc |
rgb(217,223,252) |
hsl(229,86%,92%) |
#c1ccfa |
rgb(193,204,250) |
hsl(229,86%,87%) |
#aab8f9 |
rgb(170,184,249) |
hsl(229,86%,82%) |
#92a4f7 |
rgb(146,164,247) |
hsl(229,86%,77%) |
#7a91f5 |
rgb(122,145,245) |
hsl(229,86%,72%) |
#627df3 |
rgb(98,125,243) |
hsl(229,86%,67%) |
#4b69f1 |
rgb(75,105,241) |
hsl(229,86%,62%) |
#3356f0 |
rgb(51,86,240) |
hsl(229,86%,57%) |
#1b42ee |
rgb(27,66,238) |
hsl(229,86%,52%) |
#1137df |
rgb(17,55,223) |
hsl(229,86%,47%) |
#0f31c7 |
rgb(15,49,199) |
hsl(229,86%,42%) |
#0d2baf |
rgb(13,43,175) |
hsl(229,86%,37%) |
#0b2598 |
rgb(11,37,152) |
hsl(229,86%,32%) |
#0a1f80 |
rgb(10,31,128) |
hsl(229,86%,27%) |
#081a68 |
rgb(8,26,104) |
hsl(229,86%,22%) |
#061451 |
rgb(6,20,81) |
hsl(229,86%,17%) |
#040e39 |
rgb(4,14,57) |
hsl(229,86%,12%) |
#020821 |
rgb(2,8,33) |
hsl(229,86%,7%) |
#010209 |
rgb(1,2,9) |
hsl(229,86%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D4F0 |
rgb(49,212,240) |
hsl(189,86%,57%) |
#3154F0 |
rgb(49,84,240) |
hsl(229,86%,57%) |
#8D30F0 |
rgb(141,48,240) |
hsl(269,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#879CF6 |
rgb(135,156,246) |
hsl(229,86%,75%) |
#5C78F3 |
rgb(92,120,243) |
hsl(229,86%,66%) |
#3154F0 |
rgb(49,84,240) |
hsl(229,86%,57%) |
#1038E2 |
rgb(16,56,226) |
hsl(229,87%,47%) |
#0D2BB7 |
rgb(13,43,183) |
hsl(229,87%,38%) |
#0A218C |
rgb(10,33,140) |
hsl(229,87%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3154F0 |
rgb(49,84,240) |
hsl(229,86%,57%) |
#F06E31 |
rgb(240,110,49) |
hsl(19,86%,57%) |
#B3F031 |
rgb(179,240,49) |
hsl(79,86%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3154F0 |
rgb(49,84,240) |
hsl(229,86%,57%) |
#F0CC31 |
rgb(240,204,49) |
hsl(49,86%,57%) |
#31B3F0 |
rgb(49,179,240) |
hsl(199,86%,57%) |
#B3F031 |
rgb(179,240,49) |
hsl(79,86%,57%) |