HEX #3354D5 color — Mariner
The color #3354D5 is a dark shade and moderately saturated.
Palette
3354D5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fc |
rgb(242,244,252) |
hsl(228,66%,97%) |
#dde3f8 |
rgb(221,227,248) |
hsl(228,66%,92%) |
#c8d1f4 |
rgb(200,209,244) |
hsl(228,66%,87%) |
#b3bfef |
rgb(179,191,239) |
hsl(228,66%,82%) |
#9eadeb |
rgb(158,173,235) |
hsl(228,66%,77%) |
#889be7 |
rgb(136,155,231) |
hsl(228,66%,72%) |
#738ae2 |
rgb(115,138,226) |
hsl(228,66%,67%) |
#5e78de |
rgb(94,120,222) |
hsl(228,66%,62%) |
#4966da |
rgb(73,102,218) |
hsl(228,66%,57%) |
#3454d5 |
rgb(52,84,213) |
hsl(228,66%,52%) |
#2948c7 |
rgb(41,72,199) |
hsl(228,66%,47%) |
#2441b2 |
rgb(36,65,178) |
hsl(228,66%,42%) |
#20399d |
rgb(32,57,157) |
hsl(228,66%,37%) |
#1c3187 |
rgb(28,49,135) |
hsl(228,66%,32%) |
#172a72 |
rgb(23,42,114) |
hsl(228,66%,27%) |
#13225d |
rgb(19,34,93) |
hsl(228,66%,22%) |
#0f1a48 |
rgb(15,26,72) |
hsl(228,66%,17%) |
#0a1233 |
rgb(10,18,51) |
hsl(228,66%,12%) |
#060b1e |
rgb(6,11,30) |
hsl(228,66%,7%) |
#020308 |
rgb(2,3,8) |
hsl(228,66%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33BFD5 |
rgb(51,191,213) |
hsl(188,66%,52%) |
#3354D5 |
rgb(51,84,213) |
hsl(228,66%,52%) |
#7E33D5 |
rgb(126,51,213) |
hsl(268,66%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#798FE3 |
rgb(121,143,227) |
hsl(228,65%,68%) |
#5670DC |
rgb(86,112,220) |
hsl(228,66%,60%) |
#3354D5 |
rgb(51,84,213) |
hsl(228,66%,52%) |
#2545B7 |
rgb(37,69,183) |
hsl(227,66%,43%) |
#1E3694 |
rgb(30,54,148) |
hsl(228,66%,35%) |
#172971 |
rgb(23,41,113) |
hsl(228,66%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3354D5 |
rgb(51,84,213) |
hsl(228,66%,52%) |
#D56333 |
rgb(213,99,51) |
hsl(18,66%,52%) |
#A5D633 |
rgb(165,214,51) |
hsl(78,67%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3354D5 |
rgb(51,84,213) |
hsl(228,66%,52%) |
#D5B533 |
rgb(213,181,51) |
hsl(48,66%,52%) |
#33A6D5 |
rgb(51,166,213) |
hsl(197,66%,52%) |
#A5D633 |
rgb(165,214,51) |
hsl(78,67%,52%) |