HEX #3A80D1 color — Mariner
The color #3A80D1 is a dark shade and moderately saturated.
Palette
3A80D1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(212,62%,97%) |
#deeaf7 |
rgb(222,234,247) |
hsl(212,62%,92%) |
#c9dcf2 |
rgb(201,220,242) |
hsl(212,62%,87%) |
#b5cfee |
rgb(181,207,238) |
hsl(212,62%,82%) |
#a0c2e9 |
rgb(160,194,233) |
hsl(212,62%,77%) |
#8bb5e4 |
rgb(139,181,228) |
hsl(212,62%,72%) |
#77a7df |
rgb(119,167,223) |
hsl(212,62%,67%) |
#629ada |
rgb(98,154,218) |
hsl(212,62%,62%) |
#4d8dd5 |
rgb(77,141,213) |
hsl(212,62%,57%) |
#3980d0 |
rgb(57,128,208) |
hsl(212,62%,52%) |
#2e73c2 |
rgb(46,115,194) |
hsl(212,62%,47%) |
#2967ae |
rgb(41,103,174) |
hsl(212,62%,42%) |
#245a99 |
rgb(36,90,153) |
hsl(212,62%,37%) |
#1f4e84 |
rgb(31,78,132) |
hsl(212,62%,32%) |
#1a4270 |
rgb(26,66,112) |
hsl(212,62%,27%) |
#15365b |
rgb(21,54,91) |
hsl(212,62%,22%) |
#102a46 |
rgb(16,42,70) |
hsl(212,62%,17%) |
#0c1d32 |
rgb(12,29,50) |
hsl(212,62%,12%) |
#07111d |
rgb(7,17,29) |
hsl(212,62%,7%) |
#020508 |
rgb(2,5,8) |
hsl(212,62%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD1BD |
rgb(58,209,189) |
hsl(172,62%,52%) |
#3A80D1 |
rgb(58,128,209) |
hsl(212,62%,52%) |
#583BD1 |
rgb(88,59,209) |
hsl(252,62%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FADE1 |
rgb(127,173,225) |
hsl(212,62%,69%) |
#5C96D9 |
rgb(92,150,217) |
hsl(212,62%,61%) |
#3A80D1 |
rgb(58,128,209) |
hsl(212,62%,52%) |
#2A6BB5 |
rgb(42,107,181) |
hsl(212,62%,44%) |
#225793 |
rgb(34,87,147) |
hsl(212,62%,35%) |
#1A4270 |
rgb(26,66,112) |
hsl(212,62%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A80D1 |
rgb(58,128,209) |
hsl(212,62%,52%) |
#D1403A |
rgb(209,64,58) |
hsl(2,62%,52%) |
#CBD13A |
rgb(203,209,58) |
hsl(62,62%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A80D1 |
rgb(58,128,209) |
hsl(212,62%,52%) |
#D18C3A |
rgb(209,140,58) |
hsl(33,62%,52%) |
#3ACCD1 |
rgb(58,204,209) |
hsl(182,62%,52%) |
#CBD13A |
rgb(203,209,58) |
hsl(62,62%,52%) |