HEX #2278D9 color — Mariner
The color #2278D9 is a dark shade and highly saturated.
Palette
2278D9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(212,73%,99%) |
#e5effb |
rgb(229,239,251) |
hsl(212,73%,94%) |
#cee2f7 |
rgb(206,226,247) |
hsl(212,73%,89%) |
#b8d4f4 |
rgb(184,212,244) |
hsl(212,73%,84%) |
#a2c7f1 |
rgb(162,199,241) |
hsl(212,73%,79%) |
#8cb9ed |
rgb(140,185,237) |
hsl(212,73%,74%) |
#76acea |
rgb(118,172,234) |
hsl(212,73%,69%) |
#609fe6 |
rgb(96,159,230) |
hsl(212,73%,64%) |
#4a91e3 |
rgb(74,145,227) |
hsl(212,73%,59%) |
#3484df |
rgb(52,132,223) |
hsl(212,73%,54%) |
#2277d8 |
rgb(34,119,216) |
hsl(212,73%,49%) |
#1e6bc2 |
rgb(30,107,194) |
hsl(212,73%,44%) |
#1b5fac |
rgb(27,95,172) |
hsl(212,73%,39%) |
#175296 |
rgb(23,82,150) |
hsl(212,73%,34%) |
#144680 |
rgb(20,70,128) |
hsl(212,73%,29%) |
#113a6a |
rgb(17,58,106) |
hsl(212,73%,24%) |
#0d2e54 |
rgb(13,46,84) |
hsl(212,73%,19%) |
#0a223e |
rgb(10,34,62) |
hsl(212,73%,14%) |
#061628 |
rgb(6,22,40) |
hsl(212,73%,9%) |
#030a12 |
rgb(3,10,18) |
hsl(212,73%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D9C0 |
rgb(34,217,192) |
hsl(172,73%,49%) |
#2278D9 |
rgb(34,120,217) |
hsl(212,73%,49%) |
#4621D9 |
rgb(70,33,217) |
hsl(252,74%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#64A1E6 |
rgb(100,161,230) |
hsl(212,72%,65%) |
#418CE1 |
rgb(65,140,225) |
hsl(212,73%,57%) |
#2278D9 |
rgb(34,120,217) |
hsl(212,73%,49%) |
#1C66B6 |
rgb(28,102,182) |
hsl(211,73%,41%) |
#175293 |
rgb(23,82,147) |
hsl(211,73%,33%) |
#113D70 |
rgb(17,61,112) |
hsl(212,74%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2278D9 |
rgb(34,120,217) |
hsl(212,73%,49%) |
#D92622 |
rgb(217,38,34) |
hsl(1,73%,49%) |
#D3D922 |
rgb(211,217,34) |
hsl(62,73%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2278D9 |
rgb(34,120,217) |
hsl(212,73%,49%) |
#D98222 |
rgb(217,130,34) |
hsl(31,73%,49%) |
#22D4D9 |
rgb(34,212,217) |
hsl(182,73%,49%) |
#D3D922 |
rgb(211,217,34) |
hsl(62,73%,49%) |