HEX #2254CC color — Mariner
The color #2254CC is a dark shade and highly saturated.
Palette
2254CC color palette from light to dark
| HEX |
RGB |
HSL |
| #f2f5fd |
rgb(242,245,253) |
hsl(222,71%,97%) |
| #dce5f9 |
rgb(220,229,249) |
hsl(222,71%,92%) |
| #c6d4f5 |
rgb(198,212,245) |
hsl(222,71%,87%) |
| #b1c4f2 |
rgb(177,196,242) |
hsl(222,71%,82%) |
| #9bb4ee |
rgb(155,180,238) |
hsl(222,71%,77%) |
| #85a3ea |
rgb(133,163,234) |
hsl(222,71%,72%) |
| #6f93e7 |
rgb(111,147,231) |
hsl(222,71%,67%) |
| #5983e3 |
rgb(89,131,227) |
hsl(222,71%,62%) |
| #4372df |
rgb(67,114,223) |
hsl(222,71%,57%) |
| #2e62dc |
rgb(46,98,220) |
hsl(222,71%,52%) |
| #2356cd |
rgb(35,86,205) |
hsl(222,71%,47%) |
| #1f4db7 |
rgb(31,77,183) |
hsl(222,71%,42%) |
| #1b44a1 |
rgb(27,68,161) |
hsl(222,71%,37%) |
| #183a8c |
rgb(24,58,140) |
hsl(222,71%,32%) |
| #143176 |
rgb(20,49,118) |
hsl(222,71%,27%) |
| #102860 |
rgb(16,40,96) |
hsl(222,71%,22%) |
| #0d1f4a |
rgb(13,31,74) |
hsl(222,71%,17%) |
| #091634 |
rgb(9,22,52) |
hsl(222,71%,12%) |
| #050d1f |
rgb(5,13,31) |
hsl(222,71%,7%) |
| #010409 |
rgb(1,4,9) |
hsl(222,71%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22C4CC |
rgb(34,196,204) |
hsl(183,71%,47%) |
| #2254CC |
rgb(34,84,204) |
hsl(222,71%,47%) |
| #6121CC |
rgb(97,33,204) |
hsl(262,72%,46%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5780E3 |
rgb(87,128,227) |
hsl(222,71%,62%) |
| #3669DD |
rgb(54,105,221) |
hsl(222,71%,54%) |
| #2254CC |
rgb(34,84,204) |
hsl(222,71%,47%) |
| #1C47AB |
rgb(28,71,171) |
hsl(222,72%,39%) |
| #17388A |
rgb(23,56,138) |
hsl(223,71%,32%) |
| #112B6A |
rgb(17,43,106) |
hsl(222,72%,24%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2254CC |
rgb(34,84,204) |
hsl(222,71%,47%) |
| #CC4522 |
rgb(204,69,34) |
hsl(12,71%,47%) |
| #A9CC22 |
rgb(169,204,34) |
hsl(72,71%,47%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2254CC |
rgb(34,84,204) |
hsl(222,71%,47%) |
| #CC9922 |
rgb(204,153,34) |
hsl(42,71%,47%) |
| #22A8CC |
rgb(34,168,204) |
hsl(193,71%,47%) |
| #A9CC22 |
rgb(169,204,34) |
hsl(72,71%,47%) |
