HEX #3B80D0 color — Mariner
The color #3B80D0 is a dark shade and moderately saturated.
Palette
3B80D0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fc |
rgb(243,247,252) |
hsl(212,61%,97%) |
#deeaf7 |
rgb(222,234,247) |
hsl(212,61%,92%) |
#caddf2 |
rgb(202,221,242) |
hsl(212,61%,87%) |
#b5cfed |
rgb(181,207,237) |
hsl(212,61%,82%) |
#a1c2e8 |
rgb(161,194,232) |
hsl(212,61%,77%) |
#8cb5e3 |
rgb(140,181,227) |
hsl(212,61%,72%) |
#78a7de |
rgb(120,167,222) |
hsl(212,61%,67%) |
#639ad9 |
rgb(99,154,217) |
hsl(212,61%,62%) |
#4e8dd4 |
rgb(78,141,212) |
hsl(212,61%,57%) |
#3a80cf |
rgb(58,128,207) |
hsl(212,61%,52%) |
#2f73c1 |
rgb(47,115,193) |
hsl(212,61%,47%) |
#2a67ac |
rgb(42,103,172) |
hsl(212,61%,42%) |
#255b98 |
rgb(37,91,152) |
hsl(212,61%,37%) |
#204e83 |
rgb(32,78,131) |
hsl(212,61%,32%) |
#1b426f |
rgb(27,66,111) |
hsl(212,61%,27%) |
#16365a |
rgb(22,54,90) |
hsl(212,61%,22%) |
#112a46 |
rgb(17,42,70) |
hsl(212,61%,17%) |
#0c1d31 |
rgb(12,29,49) |
hsl(212,61%,12%) |
#07111d |
rgb(7,17,29) |
hsl(212,61%,7%) |
#020508 |
rgb(2,5,8) |
hsl(212,61%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BD1BC |
rgb(59,209,188) |
hsl(172,62%,53%) |
#3B80D0 |
rgb(59,128,208) |
hsl(212,61%,52%) |
#593BD0 |
rgb(89,59,208) |
hsl(252,61%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7FADE0 |
rgb(127,173,224) |
hsl(212,61%,69%) |
#5D96D8 |
rgb(93,150,216) |
hsl(212,61%,61%) |
#3B80D0 |
rgb(59,128,208) |
hsl(212,61%,52%) |
#2B6BB4 |
rgb(43,107,180) |
hsl(212,61%,44%) |
#235792 |
rgb(35,87,146) |
hsl(212,61%,35%) |
#1A426F |
rgb(26,66,111) |
hsl(212,62%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B80D0 |
rgb(59,128,208) |
hsl(212,61%,52%) |
#D0403B |
rgb(208,64,59) |
hsl(2,61%,52%) |
#CAD13B |
rgb(202,209,59) |
hsl(63,62%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B80D0 |
rgb(59,128,208) |
hsl(212,61%,52%) |
#D08C3B |
rgb(208,140,59) |
hsl(33,61%,52%) |
#3BC9D0 |
rgb(59,201,208) |
hsl(183,61%,52%) |
#CAD13B |
rgb(202,209,59) |
hsl(63,62%,53%) |