HEX #3580CC color — Mariner
The color #3580CC is a dark shade and moderately saturated.
Palette
3580CC color palette from light to dark
HEX |
RGB |
HSL |
#ebf2fa |
rgb(235,242,250) |
hsl(210,60%,95%) |
#d6e6f5 |
rgb(214,230,245) |
hsl(210,60%,90%) |
#c2d9f0 |
rgb(194,217,240) |
hsl(210,60%,85%) |
#adcceb |
rgb(173,204,235) |
hsl(210,60%,80%) |
#99bfe6 |
rgb(153,191,230) |
hsl(210,60%,75%) |
#85b3e0 |
rgb(133,179,224) |
hsl(210,60%,70%) |
#70a6db |
rgb(112,166,219) |
hsl(210,60%,65%) |
#5c99d6 |
rgb(92,153,214) |
hsl(210,60%,60%) |
#478cd1 |
rgb(71,140,209) |
hsl(210,60%,55%) |
#3380cc |
rgb(51,128,204) |
hsl(210,60%,50%) |
#2e73b8 |
rgb(46,115,184) |
hsl(210,60%,45%) |
#2966a3 |
rgb(41,102,163) |
hsl(210,60%,40%) |
#24598f |
rgb(36,89,143) |
hsl(210,60%,35%) |
#1f4d7a |
rgb(31,77,122) |
hsl(210,60%,30%) |
#1a4066 |
rgb(26,64,102) |
hsl(210,60%,25%) |
#143352 |
rgb(20,51,82) |
hsl(210,60%,20%) |
#0f263d |
rgb(15,38,61) |
hsl(210,60%,15%) |
#0a1a29 |
rgb(10,26,41) |
hsl(210,60%,10%) |
#050d14 |
rgb(5,13,20) |
hsl(210,60%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#35CCB3 |
rgb(53,204,179) |
hsl(170,60%,50%) |
#3580CC |
rgb(53,128,204) |
hsl(210,60%,50%) |
#4E36CC |
rgb(78,54,204) |
hsl(250,60%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76A8DC |
rgb(118,168,220) |
hsl(211,59%,66%) |
#5594D4 |
rgb(85,148,212) |
hsl(210,60%,58%) |
#3580CC |
rgb(53,128,204) |
hsl(210,60%,50%) |
#2B6BAC |
rgb(43,107,172) |
hsl(210,60%,42%) |
#23578B |
rgb(35,87,139) |
hsl(210,60%,34%) |
#1A426A |
rgb(26,66,106) |
hsl(210,61%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#3580CC |
rgb(53,128,204) |
hsl(210,60%,50%) |
#CC3635 |
rgb(204,54,53) |
hsl(0,60%,50%) |
#CBCC35 |
rgb(203,204,53) |
hsl(60,60%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3580CC |
rgb(53,128,204) |
hsl(210,60%,50%) |
#CC8235 |
rgb(204,130,53) |
hsl(31,60%,50%) |
#35CCCC |
rgb(53,204,204) |
hsl(180,60%,50%) |
#CBCC35 |
rgb(203,204,53) |
hsl(60,60%,50%) |