HEX #2257DE color — Mariner
The color #2257DE is a dark shade and highly saturated.
Palette
2257DE color palette from light to dark
HEX |
RGB |
HSL |
#e9eefc |
rgb(233,238,252) |
hsl(223,74%,95%) |
#d3ddf8 |
rgb(211,221,248) |
hsl(223,74%,90%) |
#bcccf5 |
rgb(188,204,245) |
hsl(223,74%,85%) |
#a6bcf2 |
rgb(166,188,242) |
hsl(223,74%,80%) |
#90abee |
rgb(144,171,238) |
hsl(223,74%,75%) |
#7a9aeb |
rgb(122,154,235) |
hsl(223,74%,70%) |
#6489e8 |
rgb(100,137,232) |
hsl(223,74%,65%) |
#4e78e4 |
rgb(78,120,228) |
hsl(223,74%,60%) |
#3767e1 |
rgb(55,103,225) |
hsl(223,74%,55%) |
#2157de |
rgb(33,87,222) |
hsl(223,74%,50%) |
#1e4ec8 |
rgb(30,78,200) |
hsl(223,74%,45%) |
#1b45b1 |
rgb(27,69,177) |
hsl(223,74%,40%) |
#173d9b |
rgb(23,61,155) |
hsl(223,74%,35%) |
#143485 |
rgb(20,52,133) |
hsl(223,74%,30%) |
#112b6f |
rgb(17,43,111) |
hsl(223,74%,25%) |
#0d2359 |
rgb(13,35,89) |
hsl(223,74%,20%) |
#0a1a43 |
rgb(10,26,67) |
hsl(223,74%,15%) |
#07112c |
rgb(7,17,44) |
hsl(223,74%,10%) |
#030916 |
rgb(3,9,22) |
hsl(223,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D4DE |
rgb(34,212,222) |
hsl(183,74%,50%) |
#2257DE |
rgb(34,87,222) |
hsl(223,74%,50%) |
#6A21DE |
rgb(106,33,222) |
hsl(263,74%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#698CE8 |
rgb(105,140,232) |
hsl(223,73%,66%) |
#4573E3 |
rgb(69,115,227) |
hsl(223,74%,58%) |
#2257DE |
rgb(34,87,222) |
hsl(223,74%,50%) |
#1B4ABB |
rgb(27,74,187) |
hsl(222,75%,42%) |
#163B97 |
rgb(22,59,151) |
hsl(223,75%,34%) |
#112E73 |
rgb(17,46,115) |
hsl(222,74%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#2257DE |
rgb(34,87,222) |
hsl(223,74%,50%) |
#DE4A22 |
rgb(222,74,34) |
hsl(13,74%,50%) |
#B5DE22 |
rgb(181,222,34) |
hsl(73,74%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2257DE |
rgb(34,87,222) |
hsl(223,74%,50%) |
#DEA822 |
rgb(222,168,34) |
hsl(43,74%,50%) |
#22B5DE |
rgb(34,181,222) |
hsl(193,74%,50%) |
#B5DE22 |
rgb(181,222,34) |
hsl(73,74%,50%) |