HEX #2266D4 color — Mariner
The color #2266D4 is a dark shade and highly saturated.
Palette
2266D4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(217,72%,98%) |
#e0eafa |
rgb(224,234,250) |
hsl(217,72%,93%) |
#cadbf6 |
rgb(202,219,246) |
hsl(217,72%,88%) |
#b4ccf3 |
rgb(180,204,243) |
hsl(217,72%,83%) |
#9fbdef |
rgb(159,189,239) |
hsl(217,72%,78%) |
#89afec |
rgb(137,175,236) |
hsl(217,72%,73%) |
#73a0e8 |
rgb(115,160,232) |
hsl(217,72%,68%) |
#5d91e5 |
rgb(93,145,229) |
hsl(217,72%,63%) |
#4782e1 |
rgb(71,130,225) |
hsl(217,72%,58%) |
#3173dd |
rgb(49,115,221) |
hsl(217,72%,53%) |
#2266d3 |
rgb(34,102,211) |
hsl(217,72%,48%) |
#1f5bbd |
rgb(31,91,189) |
hsl(217,72%,43%) |
#1b51a7 |
rgb(27,81,167) |
hsl(217,72%,38%) |
#184691 |
rgb(24,70,145) |
hsl(217,72%,33%) |
#143b7b |
rgb(20,59,123) |
hsl(217,72%,28%) |
#103165 |
rgb(16,49,101) |
hsl(217,72%,23%) |
#0d264f |
rgb(13,38,79) |
hsl(217,72%,18%) |
#091c39 |
rgb(9,28,57) |
hsl(217,72%,13%) |
#061123 |
rgb(6,17,35) |
hsl(217,72%,8%) |
#02060d |
rgb(2,6,13) |
hsl(217,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D4CB |
rgb(34,212,203) |
hsl(177,72%,48%) |
#2266D4 |
rgb(34,102,212) |
hsl(217,72%,48%) |
#5421D4 |
rgb(84,33,212) |
hsl(257,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F91E5 |
rgb(95,145,229) |
hsl(218,72%,64%) |
#3D7ADF |
rgb(61,122,223) |
hsl(217,72%,56%) |
#2266D4 |
rgb(34,102,212) |
hsl(217,72%,48%) |
#1C57B2 |
rgb(28,87,178) |
hsl(216,73%,40%) |
#174590 |
rgb(23,69,144) |
hsl(217,72%,33%) |
#11366E |
rgb(17,54,110) |
hsl(216,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2266D4 |
rgb(34,102,212) |
hsl(217,72%,48%) |
#D43822 |
rgb(212,56,34) |
hsl(7,72%,48%) |
#BFD422 |
rgb(191,212,34) |
hsl(67,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2266D4 |
rgb(34,102,212) |
hsl(217,72%,48%) |
#D48F22 |
rgb(212,143,34) |
hsl(37,72%,48%) |
#22BFD4 |
rgb(34,191,212) |
hsl(187,72%,48%) |
#BFD422 |
rgb(191,212,34) |
hsl(67,72%,48%) |