HEX #227AD3 color — Mariner
The color #227AD3 is a dark shade and highly saturated.
Palette
227AD3 color palette from light to dark
HEX |
RGB |
HSL |
#f6fafe |
rgb(246,250,254) |
hsl(210,72%,98%) |
#e0edfa |
rgb(224,237,250) |
hsl(210,72%,93%) |
#cae0f6 |
rgb(202,224,246) |
hsl(210,72%,88%) |
#b4d4f3 |
rgb(180,212,243) |
hsl(210,72%,83%) |
#9fc7ef |
rgb(159,199,239) |
hsl(210,72%,78%) |
#89baec |
rgb(137,186,236) |
hsl(210,72%,73%) |
#73ade8 |
rgb(115,173,232) |
hsl(210,72%,68%) |
#5da1e5 |
rgb(93,161,229) |
hsl(210,72%,63%) |
#4794e1 |
rgb(71,148,225) |
hsl(210,72%,58%) |
#3187dd |
rgb(49,135,221) |
hsl(210,72%,53%) |
#227ad3 |
rgb(34,122,211) |
hsl(210,72%,48%) |
#1f6ebd |
rgb(31,110,189) |
hsl(210,72%,43%) |
#1b61a7 |
rgb(27,97,167) |
hsl(210,72%,38%) |
#185491 |
rgb(24,84,145) |
hsl(210,72%,33%) |
#14477b |
rgb(20,71,123) |
hsl(210,72%,28%) |
#103b65 |
rgb(16,59,101) |
hsl(210,72%,23%) |
#0d2e4f |
rgb(13,46,79) |
hsl(210,72%,18%) |
#092139 |
rgb(9,33,57) |
hsl(210,72%,13%) |
#061423 |
rgb(6,20,35) |
hsl(210,72%,8%) |
#02080d |
rgb(2,8,13) |
hsl(210,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D4B6 |
rgb(34,212,182) |
hsl(170,72%,48%) |
#227AD3 |
rgb(34,122,211) |
hsl(210,72%,48%) |
#4021D3 |
rgb(64,33,211) |
hsl(250,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5EA1E5 |
rgb(94,161,229) |
hsl(210,72%,63%) |
#3C8FDF |
rgb(60,143,223) |
hsl(209,72%,55%) |
#227AD3 |
rgb(34,122,211) |
hsl(210,72%,48%) |
#1C66B1 |
rgb(28,102,177) |
hsl(210,73%,40%) |
#17548F |
rgb(23,84,143) |
hsl(210,72%,33%) |
#11406D |
rgb(17,64,109) |
hsl(209,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#227AD3 |
rgb(34,122,211) |
hsl(210,72%,48%) |
#D32422 |
rgb(211,36,34) |
hsl(1,72%,48%) |
#D2D422 |
rgb(210,212,34) |
hsl(61,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227AD3 |
rgb(34,122,211) |
hsl(210,72%,48%) |
#D37A22 |
rgb(211,122,34) |
hsl(30,72%,48%) |
#22D4D3 |
rgb(34,212,211) |
hsl(180,72%,48%) |
#D2D422 |
rgb(210,212,34) |
hsl(61,72%,48%) |