HEX #3A6BCC color — Mariner
The color #3A6BCC is a dark shade and moderately saturated.
Palette
3A6BCC color palette from light to dark
HEX |
RGB |
HSL |
#eff3fb |
rgb(239,243,251) |
hsl(220,59%,96%) |
#dbe4f6 |
rgb(219,228,246) |
hsl(220,59%,91%) |
#c6d4f0 |
rgb(198,212,240) |
hsl(220,59%,86%) |
#b2c5eb |
rgb(178,197,235) |
hsl(220,59%,81%) |
#9eb6e6 |
rgb(158,182,230) |
hsl(220,59%,76%) |
#89a7e1 |
rgb(137,167,225) |
hsl(220,59%,71%) |
#7597db |
rgb(117,151,219) |
hsl(220,59%,66%) |
#6188d6 |
rgb(97,136,214) |
hsl(220,59%,61%) |
#4d79d1 |
rgb(77,121,209) |
hsl(220,59%,56%) |
#3869cc |
rgb(56,105,204) |
hsl(220,59%,51%) |
#305ebb |
rgb(48,94,187) |
hsl(220,59%,46%) |
#2b54a6 |
rgb(43,84,166) |
hsl(220,59%,41%) |
#264a92 |
rgb(38,74,146) |
hsl(220,59%,36%) |
#20407e |
rgb(32,64,126) |
hsl(220,59%,31%) |
#1b3569 |
rgb(27,53,105) |
hsl(220,59%,26%) |
#162b55 |
rgb(22,43,85) |
hsl(220,59%,21%) |
#112141 |
rgb(17,33,65) |
hsl(220,59%,16%) |
#0c172d |
rgb(12,23,45) |
hsl(220,59%,11%) |
#060c18 |
rgb(6,12,24) |
hsl(220,59%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,59%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3ACCCB |
rgb(58,204,203) |
hsl(180,59%,51%) |
#3A6BCC |
rgb(58,107,204) |
hsl(220,59%,51%) |
#6A3BCC |
rgb(106,59,204) |
hsl(259,59%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7C9EDD |
rgb(124,158,221) |
hsl(219,59%,68%) |
#5B85D4 |
rgb(91,133,212) |
hsl(219,58%,59%) |
#3A6BCC |
rgb(58,107,204) |
hsl(220,59%,51%) |
#2D59AE |
rgb(45,89,174) |
hsl(220,59%,43%) |
#24478D |
rgb(36,71,141) |
hsl(220,59%,35%) |
#1C386C |
rgb(28,56,108) |
hsl(219,59%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BCC |
rgb(58,107,204) |
hsl(220,59%,51%) |
#CC523A |
rgb(204,82,58) |
hsl(10,59%,51%) |
#B4CC3A |
rgb(180,204,58) |
hsl(70,59%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BCC |
rgb(58,107,204) |
hsl(220,59%,51%) |
#CC9C3A |
rgb(204,156,58) |
hsl(40,59%,51%) |
#3AB5CC |
rgb(58,181,204) |
hsl(189,59%,51%) |
#B4CC3A |
rgb(180,204,58) |
hsl(70,59%,51%) |