HEX #2278CE color — Mariner
The color #2278ce is a dark shade and highly saturated.
Palette
2278ce 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 |
#22CFB1 |
rgb(34,207,177) |
hsl(170,72%,47%) |
#2278CE |
rgb(34,120,206) |
hsl(210,72%,47%) |
#3E21CE |
rgb(62,33,206) |
hsl(250,72%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#599EE3 |
rgb(89,158,227) |
hsl(210,71%,62%) |
#388CDE |
rgb(56,140,222) |
hsl(210,72%,55%) |
#2278CE |
rgb(34,120,206) |
hsl(210,72%,47%) |
#1C66AD |
rgb(28,102,173) |
hsl(209,72%,39%) |
#17528C |
rgb(23,82,140) |
hsl(210,72%,32%) |
#113D6B |
rgb(17,61,107) |
hsl(211,73%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#2278CE |
rgb(34,120,206) |
hsl(210,72%,47%) |
#CE2122 |
rgb(206,33,34) |
hsl(360,72%,47%) |
#CECF22 |
rgb(206,207,34) |
hsl(60,72%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2278CE |
rgb(34,120,206) |
hsl(210,72%,47%) |
#CE7822 |
rgb(206,120,34) |
hsl(30,72%,47%) |
#22CFCE |
rgb(34,207,206) |
hsl(180,72%,47%) |
#CECF22 |
rgb(206,207,34) |
hsl(60,72%,47%) |