HEX #3154E2 color — Royal Blue
The color #3154E2 is a dark shade and moderately saturated.
Palette
3154E2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(228,75%,99%) |
#e4e9fb |
rgb(228,233,251) |
hsl(228,75%,94%) |
#ced6f8 |
rgb(206,214,248) |
hsl(228,75%,89%) |
#b8c4f5 |
rgb(184,196,245) |
hsl(228,75%,84%) |
#a1b1f2 |
rgb(161,177,242) |
hsl(228,75%,79%) |
#8b9fee |
rgb(139,159,238) |
hsl(228,75%,74%) |
#758ceb |
rgb(117,140,235) |
hsl(228,75%,69%) |
#5e7ae8 |
rgb(94,122,232) |
hsl(228,75%,64%) |
#4867e5 |
rgb(72,103,229) |
hsl(228,75%,59%) |
#3255e2 |
rgb(50,85,226) |
hsl(228,75%,54%) |
#1f45db |
rgb(31,69,219) |
hsl(228,75%,49%) |
#1c3ec4 |
rgb(28,62,196) |
hsl(228,75%,44%) |
#1937ae |
rgb(25,55,174) |
hsl(228,75%,39%) |
#163098 |
rgb(22,48,152) |
hsl(228,75%,34%) |
#122981 |
rgb(18,41,129) |
hsl(228,75%,29%) |
#0f226b |
rgb(15,34,107) |
hsl(228,75%,24%) |
#0c1b55 |
rgb(12,27,85) |
hsl(228,75%,19%) |
#09143e |
rgb(9,20,62) |
hsl(228,75%,14%) |
#060d28 |
rgb(6,13,40) |
hsl(228,75%,9%) |
#030612 |
rgb(3,6,18) |
hsl(228,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C9E2 |
rgb(49,201,226) |
hsl(188,75%,54%) |
#3154E2 |
rgb(49,84,226) |
hsl(228,75%,54%) |
#8430E2 |
rgb(132,48,226) |
hsl(268,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7E94EC |
rgb(126,148,236) |
hsl(228,74%,71%) |
#5773E7 |
rgb(87,115,231) |
hsl(228,75%,62%) |
#3154E2 |
rgb(49,84,226) |
hsl(228,75%,54%) |
#1C40CA |
rgb(28,64,202) |
hsl(228,76%,45%) |
#1733A3 |
rgb(23,51,163) |
hsl(228,75%,36%) |
#11267D |
rgb(17,38,125) |
hsl(228,76%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3154E2 |
rgb(49,84,226) |
hsl(228,75%,54%) |
#E26631 |
rgb(226,102,49) |
hsl(18,75%,54%) |
#ACE331 |
rgb(172,227,49) |
hsl(79,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3154E2 |
rgb(49,84,226) |
hsl(228,75%,54%) |
#E2BF31 |
rgb(226,191,49) |
hsl(48,75%,54%) |
#31ADE2 |
rgb(49,173,226) |
hsl(198,75%,54%) |
#ACE331 |
rgb(172,227,49) |
hsl(79,76%,54%) |