HEX #2275D1 color — Mariner
The color #2275D1 is a dark shade and highly saturated.
Palette
2275D1 color palette from light to dark
HEX |
RGB |
HSL |
#f6fafe |
rgb(246,250,254) |
hsl(212,72%,98%) |
#e0ecfa |
rgb(224,236,250) |
hsl(212,72%,93%) |
#cadff6 |
rgb(202,223,246) |
hsl(212,72%,88%) |
#b4d2f3 |
rgb(180,210,243) |
hsl(212,72%,83%) |
#9fc4ef |
rgb(159,196,239) |
hsl(212,72%,78%) |
#89b7ec |
rgb(137,183,236) |
hsl(212,72%,73%) |
#73a9e8 |
rgb(115,169,232) |
hsl(212,72%,68%) |
#5d9ce5 |
rgb(93,156,229) |
hsl(212,72%,63%) |
#478fe1 |
rgb(71,143,225) |
hsl(212,72%,58%) |
#3181dd |
rgb(49,129,221) |
hsl(212,72%,53%) |
#2275d3 |
rgb(34,117,211) |
hsl(212,72%,48%) |
#1f68bd |
rgb(31,104,189) |
hsl(212,72%,43%) |
#1b5ca7 |
rgb(27,92,167) |
hsl(212,72%,38%) |
#185091 |
rgb(24,80,145) |
hsl(212,72%,33%) |
#14447b |
rgb(20,68,123) |
hsl(212,72%,28%) |
#103865 |
rgb(16,56,101) |
hsl(212,72%,23%) |
#0d2c4f |
rgb(13,44,79) |
hsl(212,72%,18%) |
#092039 |
rgb(9,32,57) |
hsl(212,72%,13%) |
#061323 |
rgb(6,19,35) |
hsl(212,72%,8%) |
#02070d |
rgb(2,7,13) |
hsl(212,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D1B8 |
rgb(34,209,184) |
hsl(171,72%,48%) |
#2275D1 |
rgb(34,117,209) |
hsl(212,72%,48%) |
#4321D1 |
rgb(67,33,209) |
hsl(252,73%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C9EE4 |
rgb(92,158,228) |
hsl(211,72%,63%) |
#3A8ADF |
rgb(58,138,223) |
hsl(211,72%,55%) |
#2275D1 |
rgb(34,117,209) |
hsl(212,72%,48%) |
#1C63AF |
rgb(28,99,175) |
hsl(211,72%,40%) |
#174F8E |
rgb(23,79,142) |
hsl(212,72%,32%) |
#113D6C |
rgb(17,61,108) |
hsl(211,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2275D1 |
rgb(34,117,209) |
hsl(212,72%,48%) |
#D12622 |
rgb(209,38,34) |
hsl(1,72%,48%) |
#CCD122 |
rgb(204,209,34) |
hsl(62,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2275D1 |
rgb(34,117,209) |
hsl(212,72%,48%) |
#D17D22 |
rgb(209,125,34) |
hsl(31,72%,48%) |
#22CCD1 |
rgb(34,204,209) |
hsl(182,72%,48%) |
#CCD122 |
rgb(204,209,34) |
hsl(62,72%,48%) |