HEX #2257DC color — Mariner
The color #2257DC is a dark shade and highly saturated.
Palette
2257DC color palette from light to dark
HEX |
RGB |
HSL |
#e9eefc |
rgb(233,238,252) |
hsl(223,73%,95%) |
#d3ddf8 |
rgb(211,221,248) |
hsl(223,73%,90%) |
#bdcdf5 |
rgb(189,205,245) |
hsl(223,73%,85%) |
#a7bcf1 |
rgb(167,188,241) |
hsl(223,73%,80%) |
#91abee |
rgb(145,171,238) |
hsl(223,73%,75%) |
#7b9aea |
rgb(123,154,234) |
hsl(223,73%,70%) |
#658ae7 |
rgb(101,138,231) |
hsl(223,73%,65%) |
#4f79e3 |
rgb(79,121,227) |
hsl(223,73%,60%) |
#3868e0 |
rgb(56,104,224) |
hsl(223,73%,55%) |
#2257dd |
rgb(34,87,221) |
hsl(223,73%,50%) |
#1f4ec7 |
rgb(31,78,199) |
hsl(223,73%,45%) |
#1c46b0 |
rgb(28,70,176) |
hsl(223,73%,40%) |
#183d9a |
rgb(24,61,154) |
hsl(223,73%,35%) |
#153484 |
rgb(21,52,132) |
hsl(223,73%,30%) |
#112c6e |
rgb(17,44,110) |
hsl(223,73%,25%) |
#0e2358 |
rgb(14,35,88) |
hsl(223,73%,20%) |
#0a1a42 |
rgb(10,26,66) |
hsl(223,73%,15%) |
#07112c |
rgb(7,17,44) |
hsl(223,73%,10%) |
#030916 |
rgb(3,9,22) |
hsl(223,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D4DC |
rgb(34,212,220) |
hsl(183,73%,50%) |
#2257DC |
rgb(34,87,220) |
hsl(223,73%,50%) |
#6921DC |
rgb(105,33,220) |
hsl(263,74%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#678CE7 |
rgb(103,140,231) |
hsl(223,73%,65%) |
#4470E2 |
rgb(68,112,226) |
hsl(223,73%,58%) |
#2257DC |
rgb(34,87,220) |
hsl(223,73%,50%) |
#1C4AB8 |
rgb(28,74,184) |
hsl(222,74%,42%) |
#173B95 |
rgb(23,59,149) |
hsl(223,73%,34%) |
#112E72 |
rgb(17,46,114) |
hsl(222,74%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#2257DC |
rgb(34,87,220) |
hsl(223,73%,50%) |
#DC4A22 |
rgb(220,74,34) |
hsl(13,73%,50%) |
#B4DB22 |
rgb(180,219,34) |
hsl(73,73%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2257DC |
rgb(34,87,220) |
hsl(223,73%,50%) |
#DCA622 |
rgb(220,166,34) |
hsl(43,73%,50%) |
#22B5DC |
rgb(34,181,220) |
hsl(193,73%,50%) |
#B4DB22 |
rgb(180,219,34) |
hsl(73,73%,50%) |