HEX #2878D4 color — Mariner
The color #2878D4 is a dark shade and highly saturated.
Palette
2878D4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,68%,99%) |
#e5effa |
rgb(229,239,250) |
hsl(212,68%,94%) |
#d0e2f6 |
rgb(208,226,246) |
hsl(212,68%,89%) |
#bad4f2 |
rgb(186,212,242) |
hsl(212,68%,84%) |
#a5c7ee |
rgb(165,199,238) |
hsl(212,68%,79%) |
#90baea |
rgb(144,186,234) |
hsl(212,68%,74%) |
#7aace6 |
rgb(122,172,230) |
hsl(212,68%,69%) |
#659fe2 |
rgb(101,159,226) |
hsl(212,68%,64%) |
#4f92de |
rgb(79,146,222) |
hsl(212,68%,59%) |
#3a84d9 |
rgb(58,132,217) |
hsl(212,68%,54%) |
#2877d2 |
rgb(40,119,210) |
hsl(212,68%,49%) |
#246bbc |
rgb(36,107,188) |
hsl(212,68%,44%) |
#205fa7 |
rgb(32,95,167) |
hsl(212,68%,39%) |
#1c5392 |
rgb(28,83,146) |
hsl(212,68%,34%) |
#18477c |
rgb(24,71,124) |
hsl(212,68%,29%) |
#143a67 |
rgb(20,58,103) |
hsl(212,68%,24%) |
#102e51 |
rgb(16,46,81) |
hsl(212,68%,19%) |
#0b223c |
rgb(11,34,60) |
hsl(212,68%,14%) |
#071627 |
rgb(7,22,39) |
hsl(212,68%,9%) |
#030a11 |
rgb(3,10,17) |
hsl(212,68%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#28D4BD |
rgb(40,212,189) |
hsl(172,68%,49%) |
#2878D4 |
rgb(40,120,212) |
hsl(212,68%,49%) |
#4A29D4 |
rgb(74,41,212) |
hsl(252,68%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#69A3E2 |
rgb(105,163,226) |
hsl(211,68%,65%) |
#478CDC |
rgb(71,140,220) |
hsl(212,68%,57%) |
#2878D4 |
rgb(40,120,212) |
hsl(212,68%,49%) |
#2166B2 |
rgb(33,102,178) |
hsl(211,69%,41%) |
#1B5290 |
rgb(27,82,144) |
hsl(212,68%,34%) |
#143D6E |
rgb(20,61,110) |
hsl(213,69%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2878D4 |
rgb(40,120,212) |
hsl(212,68%,49%) |
#D42E28 |
rgb(212,46,40) |
hsl(2,68%,49%) |
#CED428 |
rgb(206,212,40) |
hsl(62,68%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2878D4 |
rgb(40,120,212) |
hsl(212,68%,49%) |
#D48528 |
rgb(212,133,40) |
hsl(32,68%,49%) |
#28CFD4 |
rgb(40,207,212) |
hsl(182,68%,49%) |
#CED428 |
rgb(206,212,40) |
hsl(62,68%,49%) |