HEX #2257D5 color — Mariner
The color #2257D5 is a dark shade and highly saturated.
Palette
2257D5 color palette from light to dark
| HEX |
RGB |
HSL |
| #f6f8fe |
rgb(246,248,254) |
hsl(222,72%,98%) |
| #e0e8fa |
rgb(224,232,250) |
hsl(222,72%,93%) |
| #cad8f6 |
rgb(202,216,246) |
hsl(222,72%,88%) |
| #b4c7f3 |
rgb(180,199,243) |
hsl(222,72%,83%) |
| #9fb7ef |
rgb(159,183,239) |
hsl(222,72%,78%) |
| #89a6ec |
rgb(137,166,236) |
hsl(222,72%,73%) |
| #7396e8 |
rgb(115,150,232) |
hsl(222,72%,68%) |
| #5d85e5 |
rgb(93,133,229) |
hsl(222,72%,63%) |
| #4775e1 |
rgb(71,117,225) |
hsl(222,72%,58%) |
| #3165dd |
rgb(49,101,221) |
hsl(222,72%,53%) |
| #2257d3 |
rgb(34,87,211) |
hsl(222,72%,48%) |
| #1f4ebd |
rgb(31,78,189) |
hsl(222,72%,43%) |
| #1b45a7 |
rgb(27,69,167) |
hsl(222,72%,38%) |
| #183c91 |
rgb(24,60,145) |
hsl(222,72%,33%) |
| #14337b |
rgb(20,51,123) |
hsl(222,72%,28%) |
| #102a65 |
rgb(16,42,101) |
hsl(222,72%,23%) |
| #0d214f |
rgb(13,33,79) |
hsl(222,72%,18%) |
| #091839 |
rgb(9,24,57) |
hsl(222,72%,13%) |
| #060f23 |
rgb(6,15,35) |
hsl(222,72%,8%) |
| #02050d |
rgb(2,5,13) |
hsl(222,72%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22CFD5 |
rgb(34,207,213) |
hsl(182,72%,48%) |
| #2257D5 |
rgb(34,87,213) |
hsl(222,72%,48%) |
| #6421D5 |
rgb(100,33,213) |
hsl(262,73%,48%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #6087E5 |
rgb(96,135,229) |
hsl(222,72%,64%) |
| #3E6EE0 |
rgb(62,110,224) |
hsl(222,72%,56%) |
| #2257D5 |
rgb(34,87,213) |
hsl(222,72%,48%) |
| #1C4AB2 |
rgb(28,74,178) |
hsl(222,73%,40%) |
| #173B90 |
rgb(23,59,144) |
hsl(222,72%,33%) |
| #112E6E |
rgb(17,46,110) |
hsl(221,73%,25%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2257D5 |
rgb(34,87,213) |
hsl(222,72%,48%) |
| #D54722 |
rgb(213,71,34) |
hsl(12,72%,48%) |
| #B0D622 |
rgb(176,214,34) |
hsl(73,73%,49%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2257D5 |
rgb(34,87,213) |
hsl(222,72%,48%) |
| #D5A122 |
rgb(213,161,34) |
hsl(43,72%,48%) |
| #22B0D5 |
rgb(34,176,213) |
hsl(192,72%,48%) |
| #B0D622 |
rgb(176,214,34) |
hsl(73,73%,49%) |
