HEX #3B82CE color — Mariner
The color #3B82CE is a dark shade and moderately saturated.
Palette
3B82CE 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 |
#3BCFB8 |
rgb(59,207,184) |
hsl(171,61%,52%) |
#3B82CE |
rgb(59,130,206) |
hsl(211,60%,52%) |
#563BCE |
rgb(86,59,206) |
hsl(251,60%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7EADDE |
rgb(126,173,222) |
hsl(211,59%,68%) |
#5C96D6 |
rgb(92,150,214) |
hsl(211,60%,60%) |
#3B82CE |
rgb(59,130,206) |
hsl(211,60%,52%) |
#2C6EB2 |
rgb(44,110,178) |
hsl(210,60%,44%) |
#245990 |
rgb(36,89,144) |
hsl(211,60%,35%) |
#1B426E |
rgb(27,66,110) |
hsl(212,61%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B82CE |
rgb(59,130,206) |
hsl(211,60%,52%) |
#CE3D3B |
rgb(206,61,59) |
hsl(1,60%,52%) |
#CBCF3B |
rgb(203,207,59) |
hsl(62,61%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B82CE |
rgb(59,130,206) |
hsl(211,60%,52%) |
#CE873B |
rgb(206,135,59) |
hsl(31,60%,52%) |
#3BCCCE |
rgb(59,204,206) |
hsl(181,60%,52%) |
#CBCF3B |
rgb(203,207,59) |
hsl(62,61%,52%) |