HEX #2263D4 color — Mariner
The color #2263D4 is a dark shade and highly saturated.
Palette
2263D4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(218,72%,98%) |
#e0eafa |
rgb(224,234,250) |
hsl(218,72%,93%) |
#cadbf6 |
rgb(202,219,246) |
hsl(218,72%,88%) |
#b4cbf3 |
rgb(180,203,243) |
hsl(218,72%,83%) |
#9fbcef |
rgb(159,188,239) |
hsl(218,72%,78%) |
#89adec |
rgb(137,173,236) |
hsl(218,72%,73%) |
#739ee8 |
rgb(115,158,232) |
hsl(218,72%,68%) |
#5d8fe5 |
rgb(93,143,229) |
hsl(218,72%,63%) |
#477fe1 |
rgb(71,127,225) |
hsl(218,72%,58%) |
#3170dd |
rgb(49,112,221) |
hsl(218,72%,53%) |
#2263d3 |
rgb(34,99,211) |
hsl(218,72%,48%) |
#1f59bd |
rgb(31,89,189) |
hsl(218,72%,43%) |
#1b4ea7 |
rgb(27,78,167) |
hsl(218,72%,38%) |
#184491 |
rgb(24,68,145) |
hsl(218,72%,33%) |
#143a7b |
rgb(20,58,123) |
hsl(218,72%,28%) |
#102f65 |
rgb(16,47,101) |
hsl(218,72%,23%) |
#0d254f |
rgb(13,37,79) |
hsl(218,72%,18%) |
#091b39 |
rgb(9,27,57) |
hsl(218,72%,13%) |
#061023 |
rgb(6,16,35) |
hsl(218,72%,8%) |
#02060d |
rgb(2,6,13) |
hsl(218,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D4CE |
rgb(34,212,206) |
hsl(178,72%,48%) |
#2263D4 |
rgb(34,99,212) |
hsl(218,72%,48%) |
#5721D4 |
rgb(87,33,212) |
hsl(258,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F91E5 |
rgb(95,145,229) |
hsl(218,72%,64%) |
#3D78DF |
rgb(61,120,223) |
hsl(218,72%,56%) |
#2263D4 |
rgb(34,99,212) |
hsl(218,72%,48%) |
#1C54B2 |
rgb(28,84,178) |
hsl(218,73%,40%) |
#174290 |
rgb(23,66,144) |
hsl(219,72%,33%) |
#11336E |
rgb(17,51,110) |
hsl(218,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2263D4 |
rgb(34,99,212) |
hsl(218,72%,48%) |
#D43B22 |
rgb(212,59,34) |
hsl(8,72%,48%) |
#BCD422 |
rgb(188,212,34) |
hsl(68,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2263D4 |
rgb(34,99,212) |
hsl(218,72%,48%) |
#D49422 |
rgb(212,148,34) |
hsl(38,72%,48%) |
#22BDD4 |
rgb(34,189,212) |
hsl(188,72%,48%) |
#BCD422 |
rgb(188,212,34) |
hsl(68,72%,48%) |