HEX #2278D0 color — Mariner
The color #2278D0 is a dark shade and highly saturated.
Palette
2278D0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7fd |
rgb(242,247,253) |
hsl(210,72%,97%) |
#dcebf9 |
rgb(220,235,249) |
hsl(210,72%,92%) |
#c6def6 |
rgb(198,222,246) |
hsl(210,72%,87%) |
#b0d1f2 |
rgb(176,209,242) |
hsl(210,72%,82%) |
#9ac4ef |
rgb(154,196,239) |
hsl(210,72%,77%) |
#84b8eb |
rgb(132,184,235) |
hsl(210,72%,72%) |
#6eabe7 |
rgb(110,171,231) |
hsl(210,72%,67%) |
#589ee4 |
rgb(88,158,228) |
hsl(210,72%,62%) |
#4291e0 |
rgb(66,145,224) |
hsl(210,72%,57%) |
#2c85dd |
rgb(44,133,221) |
hsl(210,72%,52%) |
#2278ce |
rgb(34,120,206) |
hsl(210,72%,47%) |
#1e6bb8 |
rgb(30,107,184) |
hsl(210,72%,42%) |
#1a5ea2 |
rgb(26,94,162) |
hsl(210,72%,37%) |
#17528c |
rgb(23,82,140) |
hsl(210,72%,32%) |
#134576 |
rgb(19,69,118) |
hsl(210,72%,27%) |
#103860 |
rgb(16,56,96) |
hsl(210,72%,22%) |
#0c2b4b |
rgb(12,43,75) |
hsl(210,72%,17%) |
#091f35 |
rgb(9,31,53) |
hsl(210,72%,12%) |
#05121f |
rgb(5,18,31) |
hsl(210,72%,7%) |
#010509 |
rgb(1,5,9) |
hsl(210,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D1B4 |
rgb(34,209,180) |
hsl(170,72%,48%) |
#2278D0 |
rgb(34,120,208) |
hsl(210,72%,47%) |
#4021D0 |
rgb(64,33,208) |
hsl(251,73%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B9EE4 |
rgb(91,158,228) |
hsl(211,72%,63%) |
#398CDE |
rgb(57,140,222) |
hsl(210,71%,55%) |
#2278D0 |
rgb(34,120,208) |
hsl(210,72%,47%) |
#1C66AE |
rgb(28,102,174) |
hsl(210,72%,40%) |
#17528D |
rgb(23,82,141) |
hsl(210,72%,32%) |
#113D6C |
rgb(17,61,108) |
hsl(211,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2278D0 |
rgb(34,120,208) |
hsl(210,72%,47%) |
#D02422 |
rgb(208,36,34) |
hsl(1,72%,47%) |
#CFD122 |
rgb(207,209,34) |
hsl(61,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2278D0 |
rgb(34,120,208) |
hsl(210,72%,47%) |
#D07A22 |
rgb(208,122,34) |
hsl(30,72%,47%) |
#22CFD0 |
rgb(34,207,208) |
hsl(180,72%,47%) |
#CFD122 |
rgb(207,209,34) |
hsl(61,72%,48%) |