HEX #2278D3 color — Mariner
The color #2278D3 is a dark shade and highly saturated.
Palette
2278D3 color palette from light to dark
HEX |
RGB |
HSL |
#f6fafe |
rgb(246,250,254) |
hsl(211,72%,98%) |
#e0edfa |
rgb(224,237,250) |
hsl(211,72%,93%) |
#cae0f6 |
rgb(202,224,246) |
hsl(211,72%,88%) |
#b4d3f3 |
rgb(180,211,243) |
hsl(211,72%,83%) |
#9fc6ef |
rgb(159,198,239) |
hsl(211,72%,78%) |
#89b8ec |
rgb(137,184,236) |
hsl(211,72%,73%) |
#73abe8 |
rgb(115,171,232) |
hsl(211,72%,68%) |
#5d9ee5 |
rgb(93,158,229) |
hsl(211,72%,63%) |
#4791e1 |
rgb(71,145,225) |
hsl(211,72%,58%) |
#3184dd |
rgb(49,132,221) |
hsl(211,72%,53%) |
#2277d3 |
rgb(34,119,211) |
hsl(211,72%,48%) |
#1f6bbd |
rgb(31,107,189) |
hsl(211,72%,43%) |
#1b5fa7 |
rgb(27,95,167) |
hsl(211,72%,38%) |
#185291 |
rgb(24,82,145) |
hsl(211,72%,33%) |
#14467b |
rgb(20,70,123) |
hsl(211,72%,28%) |
#103965 |
rgb(16,57,101) |
hsl(211,72%,23%) |
#0d2d4f |
rgb(13,45,79) |
hsl(211,72%,18%) |
#092039 |
rgb(9,32,57) |
hsl(211,72%,13%) |
#061423 |
rgb(6,20,35) |
hsl(211,72%,8%) |
#02070d |
rgb(2,7,13) |
hsl(211,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D4B8 |
rgb(34,212,184) |
hsl(171,72%,48%) |
#2278D3 |
rgb(34,120,211) |
hsl(211,72%,48%) |
#4221D3 |
rgb(66,33,211) |
hsl(251,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5EA1E5 |
rgb(94,161,229) |
hsl(210,72%,63%) |
#3C8CDF |
rgb(60,140,223) |
hsl(211,72%,55%) |
#2278D3 |
rgb(34,120,211) |
hsl(211,72%,48%) |
#1C66B1 |
rgb(28,102,177) |
hsl(210,73%,40%) |
#17528F |
rgb(23,82,143) |
hsl(211,72%,33%) |
#113D6D |
rgb(17,61,109) |
hsl(211,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2278D3 |
rgb(34,120,211) |
hsl(211,72%,48%) |
#D32422 |
rgb(211,36,34) |
hsl(1,72%,48%) |
#D0D422 |
rgb(208,212,34) |
hsl(61,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2278D3 |
rgb(34,120,211) |
hsl(211,72%,48%) |
#D37D22 |
rgb(211,125,34) |
hsl(31,72%,48%) |
#22D1D3 |
rgb(34,209,211) |
hsl(181,72%,48%) |
#D0D422 |
rgb(208,212,34) |
hsl(61,72%,48%) |