HEX #2257C6 color — Mariner
The color #2257C6 is a dark shade and highly saturated.
Palette
2257C6 color palette from light to dark
HEX |
RGB |
HSL |
#e9effb |
rgb(233,239,251) |
hsl(221,71%,95%) |
#d3dff8 |
rgb(211,223,248) |
hsl(221,71%,90%) |
#becff4 |
rgb(190,207,244) |
hsl(221,71%,85%) |
#a8bff0 |
rgb(168,191,240) |
hsl(221,71%,80%) |
#92afed |
rgb(146,175,237) |
hsl(221,71%,75%) |
#7c9fe9 |
rgb(124,159,233) |
hsl(221,71%,70%) |
#668fe5 |
rgb(102,143,229) |
hsl(221,71%,65%) |
#517ee1 |
rgb(81,126,225) |
hsl(221,71%,60%) |
#3b6ede |
rgb(59,110,222) |
hsl(221,71%,55%) |
#255eda |
rgb(37,94,218) |
hsl(221,71%,50%) |
#2155c4 |
rgb(33,85,196) |
hsl(221,71%,45%) |
#1e4bae |
rgb(30,75,174) |
hsl(221,71%,40%) |
#1a4299 |
rgb(26,66,153) |
hsl(221,71%,35%) |
#163983 |
rgb(22,57,131) |
hsl(221,71%,30%) |
#122f6d |
rgb(18,47,109) |
hsl(221,71%,25%) |
#0f2657 |
rgb(15,38,87) |
hsl(221,71%,20%) |
#0b1c41 |
rgb(11,28,65) |
hsl(221,71%,15%) |
#07132c |
rgb(7,19,44) |
hsl(221,71%,10%) |
#040916 |
rgb(4,9,22) |
hsl(221,71%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C4C6 |
rgb(34,196,198) |
hsl(181,71%,45%) |
#2257C6 |
rgb(34,87,198) |
hsl(221,71%,45%) |
#5A21C6 |
rgb(90,33,198) |
hsl(261,71%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5180E1 |
rgb(81,128,225) |
hsl(220,71%,60%) |
#3169DB |
rgb(49,105,219) |
hsl(220,70%,53%) |
#2257C6 |
rgb(34,87,198) |
hsl(221,71%,45%) |
#1C4AA6 |
rgb(28,74,166) |
hsl(220,71%,38%) |
#173B86 |
rgb(23,59,134) |
hsl(221,71%,31%) |
#112E66 |
rgb(17,46,102) |
hsl(220,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#2257C6 |
rgb(34,87,198) |
hsl(221,71%,45%) |
#C64022 |
rgb(198,64,34) |
hsl(11,71%,45%) |
#A9C722 |
rgb(169,199,34) |
hsl(71,71%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2257C6 |
rgb(34,87,198) |
hsl(221,71%,45%) |
#C69122 |
rgb(198,145,34) |
hsl(41,71%,45%) |
#22A8C6 |
rgb(34,168,198) |
hsl(191,71%,45%) |
#A9C722 |
rgb(169,199,34) |
hsl(71,71%,46%) |