HEX #2273D4 color — Mariner
The color #2273D4 is a dark shade and highly saturated.
Palette
2273D4 color palette from light to dark
HEX |
RGB |
HSL |
#f6fafe |
rgb(246,250,254) |
hsl(213,72%,98%) |
#e0ecfa |
rgb(224,236,250) |
hsl(213,72%,93%) |
#cadef6 |
rgb(202,222,246) |
hsl(213,72%,88%) |
#b4d1f3 |
rgb(180,209,243) |
hsl(213,72%,83%) |
#9fc3ef |
rgb(159,195,239) |
hsl(213,72%,78%) |
#89b5ec |
rgb(137,181,236) |
hsl(213,72%,73%) |
#73a8e8 |
rgb(115,168,232) |
hsl(213,72%,68%) |
#5d9ae5 |
rgb(93,154,229) |
hsl(213,72%,63%) |
#478ce1 |
rgb(71,140,225) |
hsl(213,72%,58%) |
#317fdd |
rgb(49,127,221) |
hsl(213,72%,53%) |
#2272d3 |
rgb(34,114,211) |
hsl(213,72%,48%) |
#1f66bd |
rgb(31,102,189) |
hsl(213,72%,43%) |
#1b5aa7 |
rgb(27,90,167) |
hsl(213,72%,38%) |
#184e91 |
rgb(24,78,145) |
hsl(213,72%,33%) |
#14427b |
rgb(20,66,123) |
hsl(213,72%,28%) |
#103665 |
rgb(16,54,101) |
hsl(213,72%,23%) |
#0d2b4f |
rgb(13,43,79) |
hsl(213,72%,18%) |
#091f39 |
rgb(9,31,57) |
hsl(213,72%,13%) |
#061323 |
rgb(6,19,35) |
hsl(213,72%,8%) |
#02070d |
rgb(2,7,13) |
hsl(213,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D4BE |
rgb(34,212,190) |
hsl(173,72%,48%) |
#2273D4 |
rgb(34,115,212) |
hsl(213,72%,48%) |
#4721D4 |
rgb(71,33,212) |
hsl(253,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F9CE5 |
rgb(95,156,229) |
hsl(213,72%,64%) |
#3D87DF |
rgb(61,135,223) |
hsl(213,72%,56%) |
#2273D4 |
rgb(34,115,212) |
hsl(213,72%,48%) |
#1C61B2 |
rgb(28,97,178) |
hsl(212,73%,40%) |
#174F90 |
rgb(23,79,144) |
hsl(212,72%,33%) |
#113B6E |
rgb(17,59,110) |
hsl(213,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#2273D4 |
rgb(34,115,212) |
hsl(213,72%,48%) |
#D42922 |
rgb(212,41,34) |
hsl(2,72%,48%) |
#CCD422 |
rgb(204,212,34) |
hsl(63,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2273D4 |
rgb(34,115,212) |
hsl(213,72%,48%) |
#D48222 |
rgb(212,130,34) |
hsl(32,72%,48%) |
#22CCD4 |
rgb(34,204,212) |
hsl(183,72%,48%) |
#CCD422 |
rgb(204,212,34) |
hsl(63,72%,48%) |