HEX #2257D6 color — Mariner

The color #2257D6 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

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%)