HEX #2278C0 color — Mariner
The color #2278C0 is a dark shade and highly saturated.
Palette
2278C0 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(207,70%,99%) |
#e5f1fa |
rgb(229,241,250) |
hsl(207,70%,94%) |
#cfe5f7 |
rgb(207,229,247) |
hsl(207,70%,89%) |
#bad9f3 |
rgb(186,217,243) |
hsl(207,70%,84%) |
#a4cdef |
rgb(164,205,239) |
hsl(207,70%,79%) |
#8ec1eb |
rgb(142,193,235) |
hsl(207,70%,74%) |
#79b5e7 |
rgb(121,181,231) |
hsl(207,70%,69%) |
#63aae3 |
rgb(99,170,227) |
hsl(207,70%,64%) |
#4d9ee0 |
rgb(77,158,224) |
hsl(207,70%,59%) |
#3892dc |
rgb(56,146,220) |
hsl(207,70%,54%) |
#2586d4 |
rgb(37,134,212) |
hsl(207,70%,49%) |
#2278bf |
rgb(34,120,191) |
hsl(207,70%,44%) |
#1e6aa9 |
rgb(30,106,169) |
hsl(207,70%,39%) |
#1a5d93 |
rgb(26,93,147) |
hsl(207,70%,34%) |
#164f7e |
rgb(22,79,126) |
hsl(207,70%,29%) |
#124168 |
rgb(18,65,104) |
hsl(207,70%,24%) |
#0f3452 |
rgb(15,52,82) |
hsl(207,70%,19%) |
#0b263d |
rgb(11,38,61) |
hsl(207,70%,14%) |
#071927 |
rgb(7,25,39) |
hsl(207,70%,9%) |
#030b11 |
rgb(3,11,17) |
hsl(207,70%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22BF9E |
rgb(34,191,158) |
hsl(167,70%,44%) |
#2278C0 |
rgb(34,120,192) |
hsl(207,70%,44%) |
#3521C0 |
rgb(53,33,192) |
hsl(248,71%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B9CDF |
rgb(75,156,223) |
hsl(207,70%,58%) |
#2C8AD9 |
rgb(44,138,217) |
hsl(207,69%,51%) |
#2278C0 |
rgb(34,120,192) |
hsl(207,70%,44%) |
#1C66A1 |
rgb(28,102,161) |
hsl(207,70%,37%) |
#175282 |
rgb(23,82,130) |
hsl(207,70%,30%) |
#113D63 |
rgb(17,61,99) |
hsl(208,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2278C0 |
rgb(34,120,192) |
hsl(207,70%,44%) |
#C02129 |
rgb(192,33,41) |
hsl(357,71%,44%) |
#C0BA22 |
rgb(192,186,34) |
hsl(58,70%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2278C0 |
rgb(34,120,192) |
hsl(207,70%,44%) |
#C06B22 |
rgb(192,107,34) |
hsl(28,70%,44%) |
#22BFB9 |
rgb(34,191,185) |
hsl(178,70%,44%) |
#C0BA22 |
rgb(192,186,34) |
hsl(58,70%,44%) |