HEX #2878B9 color — Mariner
The color #2878B9 is a dark shade and moderately saturated.
Palette
2878B9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(207,64%,99%) |
#e6f1f9 |
rgb(230,241,249) |
hsl(207,64%,94%) |
#d1e5f5 |
rgb(209,229,245) |
hsl(207,64%,89%) |
#bcd9f0 |
rgb(188,217,240) |
hsl(207,64%,84%) |
#a7cdec |
rgb(167,205,236) |
hsl(207,64%,79%) |
#92c1e7 |
rgb(146,193,231) |
hsl(207,64%,74%) |
#7db5e3 |
rgb(125,181,227) |
hsl(207,64%,69%) |
#68a9de |
rgb(104,169,222) |
hsl(207,64%,64%) |
#549dd9 |
rgb(84,157,217) |
hsl(207,64%,59%) |
#3f91d5 |
rgb(63,145,213) |
hsl(207,64%,54%) |
#2d85cd |
rgb(45,133,205) |
hsl(207,64%,49%) |
#2877b8 |
rgb(40,119,184) |
hsl(207,64%,44%) |
#246aa3 |
rgb(36,106,163) |
hsl(207,64%,39%) |
#1f5c8e |
rgb(31,92,142) |
hsl(207,64%,34%) |
#1b4f79 |
rgb(27,79,121) |
hsl(207,64%,29%) |
#164164 |
rgb(22,65,100) |
hsl(207,64%,24%) |
#11344f |
rgb(17,52,79) |
hsl(207,64%,19%) |
#0d263b |
rgb(13,38,59) |
hsl(207,64%,14%) |
#081826 |
rgb(8,24,38) |
hsl(207,64%,9%) |
#040b11 |
rgb(4,11,17) |
hsl(207,64%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#28BA99 |
rgb(40,186,153) |
hsl(166,65%,44%) |
#2878B9 |
rgb(40,120,185) |
hsl(207,64%,44%) |
#3829B9 |
rgb(56,41,185) |
hsl(246,64%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F9CD9 |
rgb(79,156,217) |
hsl(207,64%,58%) |
#328AD2 |
rgb(50,138,210) |
hsl(207,64%,51%) |
#2878B9 |
rgb(40,120,185) |
hsl(207,64%,44%) |
#21669B |
rgb(33,102,155) |
hsl(206,65%,37%) |
#1B527D |
rgb(27,82,125) |
hsl(206,64%,30%) |
#143D60 |
rgb(20,61,96) |
hsl(208,66%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2878B9 |
rgb(40,120,185) |
hsl(207,64%,44%) |
#B9292F |
rgb(185,41,47) |
hsl(358,64%,44%) |
#B9B328 |
rgb(185,179,40) |
hsl(58,64%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2878B9 |
rgb(40,120,185) |
hsl(207,64%,44%) |
#B96928 |
rgb(185,105,40) |
hsl(27,64%,44%) |
#28BAB1 |
rgb(40,186,177) |
hsl(176,65%,44%) |
#B9B328 |
rgb(185,179,40) |
hsl(58,64%,44%) |