HEX #2273C4 color — Mariner
The color #2273C4 is a dark shade and highly saturated.
Palette
2273C4 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9f2fb |
rgb(233,242,251) |
hsl(210,70%,95%) |
| #d4e6f7 |
rgb(212,230,247) |
hsl(210,70%,90%) |
| #bed9f4 |
rgb(190,217,244) |
hsl(210,70%,85%) |
| #a8ccf0 |
rgb(168,204,240) |
hsl(210,70%,80%) |
| #93bfec |
rgb(147,191,236) |
hsl(210,70%,75%) |
| #7db3e8 |
rgb(125,179,232) |
hsl(210,70%,70%) |
| #67a6e4 |
rgb(103,166,228) |
hsl(210,70%,65%) |
| #5299e0 |
rgb(82,153,224) |
hsl(210,70%,60%) |
| #3c8cdd |
rgb(60,140,221) |
hsl(210,70%,55%) |
| #2680d9 |
rgb(38,128,217) |
hsl(210,70%,50%) |
| #2273c3 |
rgb(34,115,195) |
hsl(210,70%,45%) |
| #1f66ad |
rgb(31,102,173) |
hsl(210,70%,40%) |
| #1b5998 |
rgb(27,89,152) |
hsl(210,70%,35%) |
| #174d82 |
rgb(23,77,130) |
hsl(210,70%,30%) |
| #13406c |
rgb(19,64,108) |
hsl(210,70%,25%) |
| #0f3357 |
rgb(15,51,87) |
hsl(210,70%,20%) |
| #0b2641 |
rgb(11,38,65) |
hsl(210,70%,15%) |
| #081a2b |
rgb(8,26,43) |
hsl(210,70%,10%) |
| #040d16 |
rgb(4,13,22) |
hsl(210,70%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22C4A9 |
rgb(34,196,169) |
hsl(170,70%,45%) |
| #2273C4 |
rgb(34,115,196) |
hsl(210,70%,45%) |
| #3D21C4 |
rgb(61,33,196) |
hsl(250,71%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4F99E0 |
rgb(79,153,224) |
hsl(209,70%,59%) |
| #2F85DB |
rgb(47,133,219) |
hsl(210,70%,52%) |
| #2273C4 |
rgb(34,115,196) |
hsl(210,70%,45%) |
| #1C61A4 |
rgb(28,97,164) |
hsl(210,71%,38%) |
| #174F85 |
rgb(23,79,133) |
hsl(209,71%,31%) |
| #113B65 |
rgb(17,59,101) |
hsl(210,71%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2273C4 |
rgb(34,115,196) |
hsl(210,70%,45%) |
| #C42122 |
rgb(196,33,34) |
hsl(360,71%,45%) |
| #C4C422 |
rgb(196,196,34) |
hsl(60,70%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2273C4 |
rgb(34,115,196) |
hsl(210,70%,45%) |
| #C47322 |
rgb(196,115,34) |
hsl(30,70%,45%) |
| #22C4C4 |
rgb(34,196,196) |
hsl(180,70%,45%) |
| #C4C422 |
rgb(196,196,34) |
hsl(60,70%,45%) |
