HEX #3B80D6 color — Mariner
The color #3B80D6 is a dark shade and moderately saturated.
Palette
3B80D6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,65%,99%) |
#e6effa |
rgb(230,239,250) |
hsl(213,65%,94%) |
#d1e1f5 |
rgb(209,225,245) |
hsl(213,65%,89%) |
#bcd4f1 |
rgb(188,212,241) |
hsl(213,65%,84%) |
#a7c6ec |
rgb(167,198,236) |
hsl(213,65%,79%) |
#92b8e8 |
rgb(146,184,232) |
hsl(213,65%,74%) |
#7dabe3 |
rgb(125,171,227) |
hsl(213,65%,69%) |
#689ddf |
rgb(104,157,223) |
hsl(213,65%,64%) |
#5290da |
rgb(82,144,218) |
hsl(213,65%,59%) |
#3d82d6 |
rgb(61,130,214) |
hsl(213,65%,54%) |
#2c75ce |
rgb(44,117,206) |
hsl(213,65%,49%) |
#2769b9 |
rgb(39,105,185) |
hsl(213,65%,44%) |
#235da4 |
rgb(35,93,164) |
hsl(213,65%,39%) |
#1e518f |
rgb(30,81,143) |
hsl(213,65%,34%) |
#1a457a |
rgb(26,69,122) |
hsl(213,65%,29%) |
#153965 |
rgb(21,57,101) |
hsl(213,65%,24%) |
#112d50 |
rgb(17,45,80) |
hsl(213,65%,19%) |
#0c213b |
rgb(12,33,59) |
hsl(213,65%,14%) |
#081526 |
rgb(8,21,38) |
hsl(213,65%,9%) |
#040a11 |
rgb(4,10,17) |
hsl(213,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BD6C4 |
rgb(59,214,196) |
hsl(173,65%,54%) |
#3B80D6 |
rgb(59,128,214) |
hsl(213,65%,54%) |
#5D3BD6 |
rgb(93,59,214) |
hsl(253,65%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83B0E5 |
rgb(131,176,229) |
hsl(212,65%,71%) |
#5F96DD |
rgb(95,150,221) |
hsl(214,65%,62%) |
#3B80D6 |
rgb(59,128,214) |
hsl(213,65%,54%) |
#276BBD |
rgb(39,107,189) |
hsl(213,66%,45%) |
#205799 |
rgb(32,87,153) |
hsl(213,65%,36%) |
#184275 |
rgb(24,66,117) |
hsl(213,66%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B80D6 |
rgb(59,128,214) |
hsl(213,65%,54%) |
#D6423B |
rgb(214,66,59) |
hsl(3,65%,54%) |
#CDD63B |
rgb(205,214,59) |
hsl(63,65%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B80D6 |
rgb(59,128,214) |
hsl(213,65%,54%) |
#D6913B |
rgb(214,145,59) |
hsl(33,65%,54%) |
#3BCFD6 |
rgb(59,207,214) |
hsl(183,65%,54%) |
#CDD63B |
rgb(205,214,59) |
hsl(63,65%,54%) |