HEX #2257D6 color — Mariner
The color #2257D6 is a dark shade and highly saturated.
Palette
2257D6 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(222,73%,99%) |
#e5ebfb |
rgb(229,235,251) |
hsl(222,73%,94%) |
#cedbf7 |
rgb(206,219,247) |
hsl(222,73%,89%) |
#b8caf4 |
rgb(184,202,244) |
hsl(222,73%,84%) |
#a2baf1 |
rgb(162,186,241) |
hsl(222,73%,79%) |
#8ca9ed |
rgb(140,169,237) |
hsl(222,73%,74%) |
#7699ea |
rgb(118,153,234) |
hsl(222,73%,69%) |
#6088e6 |
rgb(96,136,230) |
hsl(222,73%,64%) |
#4a78e3 |
rgb(74,120,227) |
hsl(222,73%,59%) |
#3467df |
rgb(52,103,223) |
hsl(222,73%,54%) |
#2258d8 |
rgb(34,88,216) |
hsl(222,73%,49%) |
#1e4fc2 |
rgb(30,79,194) |
hsl(222,73%,44%) |
#1b46ac |
rgb(27,70,172) |
hsl(222,73%,39%) |
#173d96 |
rgb(23,61,150) |
hsl(222,73%,34%) |
#143480 |
rgb(20,52,128) |
hsl(222,73%,29%) |
#112b6a |
rgb(17,43,106) |
hsl(222,73%,24%) |
#0d2254 |
rgb(13,34,84) |
hsl(222,73%,19%) |
#0a193e |
rgb(10,25,62) |
hsl(222,73%,14%) |
#061028 |
rgb(6,16,40) |
hsl(222,73%,9%) |
#030712 |
rgb(3,7,18) |
hsl(222,73%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#22CFD6 |
rgb(34,207,214) |
hsl(182,73%,49%) |
#2257D6 |
rgb(34,87,214) |
hsl(222,73%,49%) |
#6521D6 |
rgb(101,33,214) |
hsl(263,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#618AE5 |
rgb(97,138,229) |
hsl(221,72%,64%) |
#3F6EE0 |
rgb(63,110,224) |
hsl(222,72%,56%) |
#2257D6 |
rgb(34,87,214) |
hsl(222,73%,49%) |
#1C4AB3 |
rgb(28,74,179) |
hsl(222,73%,41%) |
#173B91 |
rgb(23,59,145) |
hsl(222,73%,33%) |
#112E6F |
rgb(17,46,111) |
hsl(221,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2257D6 |
rgb(34,87,214) |
hsl(222,73%,49%) |
#D64722 |
rgb(214,71,34) |
hsl(12,73%,49%) |
#B1D622 |
rgb(177,214,34) |
hsl(72,73%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2257D6 |
rgb(34,87,214) |
hsl(222,73%,49%) |
#D6A122 |
rgb(214,161,34) |
hsl(42,73%,49%) |
#22B0D6 |
rgb(34,176,214) |
hsl(193,73%,49%) |
#B1D622 |
rgb(177,214,34) |
hsl(72,73%,49%) |