HEX #3175E1 color — Royal Blue
The color #3175E1 is a dark shade and moderately saturated.
Palette
3175E1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(217,75%,99%) |
#e4edfb |
rgb(228,237,251) |
hsl(217,75%,94%) |
#cedef8 |
rgb(206,222,248) |
hsl(217,75%,89%) |
#b8cff5 |
rgb(184,207,245) |
hsl(217,75%,84%) |
#a1c0f2 |
rgb(161,192,242) |
hsl(217,75%,79%) |
#8bb1ee |
rgb(139,177,238) |
hsl(217,75%,74%) |
#75a2eb |
rgb(117,162,235) |
hsl(217,75%,69%) |
#5e93e8 |
rgb(94,147,232) |
hsl(217,75%,64%) |
#4884e5 |
rgb(72,132,229) |
hsl(217,75%,59%) |
#3275e2 |
rgb(50,117,226) |
hsl(217,75%,54%) |
#1f67db |
rgb(31,103,219) |
hsl(217,75%,49%) |
#1c5dc4 |
rgb(28,93,196) |
hsl(217,75%,44%) |
#1952ae |
rgb(25,82,174) |
hsl(217,75%,39%) |
#164898 |
rgb(22,72,152) |
hsl(217,75%,34%) |
#123d81 |
rgb(18,61,129) |
hsl(217,75%,29%) |
#0f326b |
rgb(15,50,107) |
hsl(217,75%,24%) |
#0c2855 |
rgb(12,40,85) |
hsl(217,75%,19%) |
#091d3e |
rgb(9,29,62) |
hsl(217,75%,14%) |
#061328 |
rgb(6,19,40) |
hsl(217,75%,9%) |
#030812 |
rgb(3,8,18) |
hsl(217,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31E0D7 |
rgb(49,224,215) |
hsl(177,74%,54%) |
#3175E1 |
rgb(49,117,225) |
hsl(217,75%,54%) |
#6230E1 |
rgb(98,48,225) |
hsl(257,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7DA8EC |
rgb(125,168,236) |
hsl(217,74%,71%) |
#578FE6 |
rgb(87,143,230) |
hsl(217,74%,62%) |
#3175E1 |
rgb(49,117,225) |
hsl(217,75%,54%) |
#1D5EC8 |
rgb(29,94,200) |
hsl(217,75%,45%) |
#174DA2 |
rgb(23,77,162) |
hsl(217,75%,36%) |
#123B7C |
rgb(18,59,124) |
hsl(217,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3175E1 |
rgb(49,117,225) |
hsl(217,75%,54%) |
#E14531 |
rgb(225,69,49) |
hsl(7,75%,54%) |
#CDE031 |
rgb(205,224,49) |
hsl(67,74%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3175E1 |
rgb(49,117,225) |
hsl(217,75%,54%) |
#E19E31 |
rgb(225,158,49) |
hsl(37,75%,54%) |
#31CCE1 |
rgb(49,204,225) |
hsl(187,75%,54%) |
#CDE031 |
rgb(205,224,49) |
hsl(67,74%,54%) |