HEX #3178E1 color — Royal Blue
The color #3178E1 is a dark shade and moderately saturated.
Palette
3178E1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(216,75%,99%) |
#e4edfb |
rgb(228,237,251) |
hsl(216,75%,94%) |
#cedff8 |
rgb(206,223,248) |
hsl(216,75%,89%) |
#b8d0f5 |
rgb(184,208,245) |
hsl(216,75%,84%) |
#a1c1f2 |
rgb(161,193,242) |
hsl(216,75%,79%) |
#8bb3ee |
rgb(139,179,238) |
hsl(216,75%,74%) |
#75a4eb |
rgb(117,164,235) |
hsl(216,75%,69%) |
#5e95e8 |
rgb(94,149,232) |
hsl(216,75%,64%) |
#4887e5 |
rgb(72,135,229) |
hsl(216,75%,59%) |
#3278e2 |
rgb(50,120,226) |
hsl(216,75%,54%) |
#1f6adb |
rgb(31,106,219) |
hsl(216,75%,49%) |
#1c5fc4 |
rgb(28,95,196) |
hsl(216,75%,44%) |
#1955ae |
rgb(25,85,174) |
hsl(216,75%,39%) |
#164a98 |
rgb(22,74,152) |
hsl(216,75%,34%) |
#123f81 |
rgb(18,63,129) |
hsl(216,75%,29%) |
#0f346b |
rgb(15,52,107) |
hsl(216,75%,24%) |
#0c2955 |
rgb(12,41,85) |
hsl(216,75%,19%) |
#091e3e |
rgb(9,30,62) |
hsl(216,75%,14%) |
#061428 |
rgb(6,20,40) |
hsl(216,75%,9%) |
#030912 |
rgb(3,9,18) |
hsl(216,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31E0D4 |
rgb(49,224,212) |
hsl(176,74%,54%) |
#3178E1 |
rgb(49,120,225) |
hsl(216,75%,54%) |
#5F30E1 |
rgb(95,48,225) |
hsl(256,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7DABEC |
rgb(125,171,236) |
hsl(215,74%,71%) |
#5791E6 |
rgb(87,145,230) |
hsl(216,74%,62%) |
#3178E1 |
rgb(49,120,225) |
hsl(216,75%,54%) |
#1D63C8 |
rgb(29,99,200) |
hsl(215,75%,45%) |
#174FA2 |
rgb(23,79,162) |
hsl(216,75%,36%) |
#123D7C |
rgb(18,61,124) |
hsl(216,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3178E1 |
rgb(49,120,225) |
hsl(216,75%,54%) |
#E14231 |
rgb(225,66,49) |
hsl(6,75%,54%) |
#D0E031 |
rgb(208,224,49) |
hsl(65,74%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3178E1 |
rgb(49,120,225) |
hsl(216,75%,54%) |
#E19931 |
rgb(225,153,49) |
hsl(35,75%,54%) |
#31D1E1 |
rgb(49,209,225) |
hsl(185,75%,54%) |
#D0E031 |
rgb(208,224,49) |
hsl(65,74%,54%) |