HEX #3A80CD color — Mariner
The color #3A80CD is a dark shade and moderately saturated.
Palette
3A80CD color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(211,60%,97%) |
#deeaf7 |
rgb(222,234,247) |
hsl(211,60%,92%) |
#caddf2 |
rgb(202,221,242) |
hsl(211,60%,87%) |
#b6d0ed |
rgb(182,208,237) |
hsl(211,60%,82%) |
#a1c3e8 |
rgb(161,195,232) |
hsl(211,60%,77%) |
#8db6e2 |
rgb(141,182,226) |
hsl(211,60%,72%) |
#78a9dd |
rgb(120,169,221) |
hsl(211,60%,67%) |
#649cd8 |
rgb(100,156,216) |
hsl(211,60%,62%) |
#508fd3 |
rgb(80,143,211) |
hsl(211,60%,57%) |
#3b82ce |
rgb(59,130,206) |
hsl(211,60%,52%) |
#3075c0 |
rgb(48,117,192) |
hsl(211,60%,47%) |
#2b69ab |
rgb(43,105,171) |
hsl(211,60%,42%) |
#265c97 |
rgb(38,92,151) |
hsl(211,60%,37%) |
#215083 |
rgb(33,80,131) |
hsl(211,60%,32%) |
#1c436e |
rgb(28,67,110) |
hsl(211,60%,27%) |
#16375a |
rgb(22,55,90) |
hsl(211,60%,22%) |
#112a45 |
rgb(17,42,69) |
hsl(211,60%,17%) |
#0c1e31 |
rgb(12,30,49) |
hsl(211,60%,12%) |
#07111d |
rgb(7,17,29) |
hsl(211,60%,7%) |
#020508 |
rgb(2,5,8) |
hsl(211,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ACCB8 |
rgb(58,204,184) |
hsl(172,59%,51%) |
#3A80CD |
rgb(58,128,205) |
hsl(211,60%,52%) |
#563BCD |
rgb(86,59,205) |
hsl(251,59%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7DABDE |
rgb(125,171,222) |
hsl(212,60%,68%) |
#5B96D5 |
rgb(91,150,213) |
hsl(211,59%,60%) |
#3A80CD |
rgb(58,128,205) |
hsl(211,60%,52%) |
#2C6BB0 |
rgb(44,107,176) |
hsl(211,60%,43%) |
#24578E |
rgb(36,87,142) |
hsl(211,60%,35%) |
#1B426D |
rgb(27,66,109) |
hsl(211,60%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A80CD |
rgb(58,128,205) |
hsl(211,60%,52%) |
#CD3D3A |
rgb(205,61,58) |
hsl(1,60%,52%) |
#C9CC3A |
rgb(201,204,58) |
hsl(61,59%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A80CD |
rgb(58,128,205) |
hsl(211,60%,52%) |
#CD873A |
rgb(205,135,58) |
hsl(31,60%,52%) |
#3AC9CD |
rgb(58,201,205) |
hsl(182,60%,52%) |
#C9CC3A |
rgb(201,204,58) |
hsl(61,59%,51%) |