HEX #3A82D1 color — Mariner
The color #3A82D1 is a dark shade and moderately saturated.
Palette
3A82D1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(211,62%,97%) |
#deeaf7 |
rgb(222,234,247) |
hsl(211,62%,92%) |
#c9ddf2 |
rgb(201,221,242) |
hsl(211,62%,87%) |
#b5d0ee |
rgb(181,208,238) |
hsl(211,62%,82%) |
#a0c3e9 |
rgb(160,195,233) |
hsl(211,62%,77%) |
#8bb6e4 |
rgb(139,182,228) |
hsl(211,62%,72%) |
#77a9df |
rgb(119,169,223) |
hsl(211,62%,67%) |
#629cda |
rgb(98,156,218) |
hsl(211,62%,62%) |
#4d8fd5 |
rgb(77,143,213) |
hsl(211,62%,57%) |
#3982d0 |
rgb(57,130,208) |
hsl(211,62%,52%) |
#2e75c2 |
rgb(46,117,194) |
hsl(211,62%,47%) |
#2969ae |
rgb(41,105,174) |
hsl(211,62%,42%) |
#245c99 |
rgb(36,92,153) |
hsl(211,62%,37%) |
#1f5084 |
rgb(31,80,132) |
hsl(211,62%,32%) |
#1a4370 |
rgb(26,67,112) |
hsl(211,62%,27%) |
#15375b |
rgb(21,55,91) |
hsl(211,62%,22%) |
#102a46 |
rgb(16,42,70) |
hsl(211,62%,17%) |
#0c1e32 |
rgb(12,30,50) |
hsl(211,62%,12%) |
#07111d |
rgb(7,17,29) |
hsl(211,62%,7%) |
#020508 |
rgb(2,5,8) |
hsl(211,62%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD1BB |
rgb(58,209,187) |
hsl(171,62%,52%) |
#3A82D1 |
rgb(58,130,209) |
hsl(211,62%,52%) |
#563BD1 |
rgb(86,59,209) |
hsl(251,62%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FADE1 |
rgb(127,173,225) |
hsl(212,62%,69%) |
#5C99D9 |
rgb(92,153,217) |
hsl(211,62%,61%) |
#3A82D1 |
rgb(58,130,209) |
hsl(211,62%,52%) |
#2A6EB5 |
rgb(42,110,181) |
hsl(211,62%,44%) |
#225993 |
rgb(34,89,147) |
hsl(211,62%,35%) |
#1A4270 |
rgb(26,66,112) |
hsl(212,62%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A82D1 |
rgb(58,130,209) |
hsl(211,62%,52%) |
#D13D3A |
rgb(209,61,58) |
hsl(1,62%,52%) |
#CDD13A |
rgb(205,209,58) |
hsl(62,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A82D1 |
rgb(58,130,209) |
hsl(211,62%,52%) |
#D18A3A |
rgb(209,138,58) |
hsl(32,62%,52%) |
#3ACFD1 |
rgb(58,207,209) |
hsl(181,62%,52%) |
#CDD13A |
rgb(205,209,58) |
hsl(62,62%,52%) |