HEX #2257D0 color — Mariner
The color #2257D0 is a dark shade and highly saturated.
Palette
2257D0 color palette from light to dark
| HEX |
RGB |
HSL |
| #f2f5fd |
rgb(242,245,253) |
hsl(222,72%,97%) |
| #dce5f9 |
rgb(220,229,249) |
hsl(222,72%,92%) |
| #c6d4f6 |
rgb(198,212,246) |
hsl(222,72%,87%) |
| #b0c4f2 |
rgb(176,196,242) |
hsl(222,72%,82%) |
| #9ab3ef |
rgb(154,179,239) |
hsl(222,72%,77%) |
| #84a3eb |
rgb(132,163,235) |
hsl(222,72%,72%) |
| #6e93e7 |
rgb(110,147,231) |
hsl(222,72%,67%) |
| #5882e4 |
rgb(88,130,228) |
hsl(222,72%,62%) |
| #4272e0 |
rgb(66,114,224) |
hsl(222,72%,57%) |
| #2c61dd |
rgb(44,97,221) |
hsl(222,72%,52%) |
| #2255ce |
rgb(34,85,206) |
hsl(222,72%,47%) |
| #1e4cb8 |
rgb(30,76,184) |
hsl(222,72%,42%) |
| #1a43a2 |
rgb(26,67,162) |
hsl(222,72%,37%) |
| #173a8c |
rgb(23,58,140) |
hsl(222,72%,32%) |
| #133176 |
rgb(19,49,118) |
hsl(222,72%,27%) |
| #102860 |
rgb(16,40,96) |
hsl(222,72%,22%) |
| #0c1f4b |
rgb(12,31,75) |
hsl(222,72%,17%) |
| #091635 |
rgb(9,22,53) |
hsl(222,72%,12%) |
| #050d1f |
rgb(5,13,31) |
hsl(222,72%,7%) |
| #010409 |
rgb(1,4,9) |
hsl(222,72%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22CCD0 |
rgb(34,204,208) |
hsl(181,72%,47%) |
| #2257D0 |
rgb(34,87,208) |
hsl(222,72%,47%) |
| #6121D0 |
rgb(97,33,208) |
hsl(262,73%,47%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #5B85E4 |
rgb(91,133,228) |
hsl(222,72%,63%) |
| #396BDE |
rgb(57,107,222) |
hsl(222,71%,55%) |
| #2257D0 |
rgb(34,87,208) |
hsl(222,72%,47%) |
| #1C4AAE |
rgb(28,74,174) |
hsl(221,72%,40%) |
| #173B8D |
rgb(23,59,141) |
hsl(222,72%,32%) |
| #112E6C |
rgb(17,46,108) |
hsl(221,73%,25%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2257D0 |
rgb(34,87,208) |
hsl(222,72%,47%) |
| #D04522 |
rgb(208,69,34) |
hsl(12,72%,47%) |
| #AED122 |
rgb(174,209,34) |
hsl(72,72%,48%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2257D0 |
rgb(34,87,208) |
hsl(222,72%,47%) |
| #D09C22 |
rgb(208,156,34) |
hsl(42,72%,47%) |
| #22ADD0 |
rgb(34,173,208) |
hsl(192,72%,47%) |
| #AED122 |
rgb(174,209,34) |
hsl(72,72%,48%) |
