HEX #3A63CE color — Mariner
The color #3A63CE is a dark shade and moderately saturated.
Palette
3A63CE color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(223,60%,97%) |
#dee5f7 |
rgb(222,229,247) |
hsl(223,60%,92%) |
#cad5f2 |
rgb(202,213,242) |
hsl(223,60%,87%) |
#b6c5ed |
rgb(182,197,237) |
hsl(223,60%,82%) |
#a1b5e8 |
rgb(161,181,232) |
hsl(223,60%,77%) |
#8da5e2 |
rgb(141,165,226) |
hsl(223,60%,72%) |
#7895dd |
rgb(120,149,221) |
hsl(223,60%,67%) |
#6485d8 |
rgb(100,133,216) |
hsl(223,60%,62%) |
#5075d3 |
rgb(80,117,211) |
hsl(223,60%,57%) |
#3b65ce |
rgb(59,101,206) |
hsl(223,60%,52%) |
#3059c0 |
rgb(48,89,192) |
hsl(223,60%,47%) |
#2b4fab |
rgb(43,79,171) |
hsl(223,60%,42%) |
#264697 |
rgb(38,70,151) |
hsl(223,60%,37%) |
#213c83 |
rgb(33,60,131) |
hsl(223,60%,32%) |
#1c336e |
rgb(28,51,110) |
hsl(223,60%,27%) |
#162a5a |
rgb(22,42,90) |
hsl(223,60%,22%) |
#112045 |
rgb(17,32,69) |
hsl(223,60%,17%) |
#0c1731 |
rgb(12,23,49) |
hsl(223,60%,12%) |
#070d1d |
rgb(7,13,29) |
hsl(223,60%,7%) |
#020408 |
rgb(2,4,8) |
hsl(223,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AC7CE |
rgb(58,199,206) |
hsl(183,60%,52%) |
#3A63CE |
rgb(58,99,206) |
hsl(223,60%,52%) |
#733BCE |
rgb(115,59,206) |
hsl(263,60%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D99DE |
rgb(125,153,222) |
hsl(223,60%,68%) |
#5B7DD6 |
rgb(91,125,214) |
hsl(223,60%,60%) |
#3A63CE |
rgb(58,99,206) |
hsl(223,60%,52%) |
#2C52B1 |
rgb(44,82,177) |
hsl(223,60%,43%) |
#23428F |
rgb(35,66,143) |
hsl(223,61%,35%) |
#1B336D |
rgb(27,51,109) |
hsl(222,60%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A63CE |
rgb(58,99,206) |
hsl(223,60%,52%) |
#CE5C3A |
rgb(206,92,58) |
hsl(14,60%,52%) |
#ADCF3A |
rgb(173,207,58) |
hsl(74,61%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A63CE |
rgb(58,99,206) |
hsl(223,60%,52%) |
#CEA63A |
rgb(206,166,58) |
hsl(44,60%,52%) |
#3AADCE |
rgb(58,173,206) |
hsl(193,60%,52%) |
#ADCF3A |
rgb(173,207,58) |
hsl(74,61%,52%) |