HEX #2970B5 color — Mariner
The color #2970B5 is a dark shade and moderately saturated.
Palette
2970B5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(210,63%,99%) |
#e6f0f9 |
rgb(230,240,249) |
hsl(210,63%,94%) |
#d1e3f5 |
rgb(209,227,245) |
hsl(210,63%,89%) |
#bcd6f0 |
rgb(188,214,240) |
hsl(210,63%,84%) |
#a8c9eb |
rgb(168,201,235) |
hsl(210,63%,79%) |
#93bde6 |
rgb(147,189,230) |
hsl(210,63%,74%) |
#7eb0e2 |
rgb(126,176,226) |
hsl(210,63%,69%) |
#69a3dd |
rgb(105,163,221) |
hsl(210,63%,64%) |
#5596d8 |
rgb(85,150,216) |
hsl(210,63%,59%) |
#408ad4 |
rgb(64,138,212) |
hsl(210,63%,54%) |
#2e7dcc |
rgb(46,125,204) |
hsl(210,63%,49%) |
#2a70b7 |
rgb(42,112,183) |
hsl(210,63%,44%) |
#2563a2 |
rgb(37,99,162) |
hsl(210,63%,39%) |
#20578d |
rgb(32,87,141) |
hsl(210,63%,34%) |
#1b4a79 |
rgb(27,74,121) |
hsl(210,63%,29%) |
#173d64 |
rgb(23,61,100) |
hsl(210,63%,24%) |
#12304f |
rgb(18,48,79) |
hsl(210,63%,19%) |
#0d243a |
rgb(13,36,58) |
hsl(210,63%,14%) |
#081725 |
rgb(8,23,37) |
hsl(210,63%,9%) |
#040a11 |
rgb(4,10,17) |
hsl(210,63%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#29B59C |
rgb(41,181,156) |
hsl(169,63%,44%) |
#2970B5 |
rgb(41,112,181) |
hsl(210,63%,44%) |
#3F29B5 |
rgb(63,41,181) |
hsl(249,63%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4E94D6 |
rgb(78,148,214) |
hsl(209,62%,57%) |
#3182D0 |
rgb(49,130,208) |
hsl(209,63%,50%) |
#2970B5 |
rgb(41,112,181) |
hsl(210,63%,44%) |
#225E98 |
rgb(34,94,152) |
hsl(209,63%,36%) |
#1B4D7B |
rgb(27,77,123) |
hsl(209,64%,29%) |
#153B5E |
rgb(21,59,94) |
hsl(209,63%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2970B5 |
rgb(41,112,181) |
hsl(210,63%,44%) |
#B5292A |
rgb(181,41,42) |
hsl(360,63%,44%) |
#B5B529 |
rgb(181,181,41) |
hsl(60,63%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2970B5 |
rgb(41,112,181) |
hsl(210,63%,44%) |
#B56E29 |
rgb(181,110,41) |
hsl(30,63%,44%) |
#29B5B4 |
rgb(41,181,180) |
hsl(180,63%,44%) |
#B5B529 |
rgb(181,181,41) |
hsl(60,63%,44%) |