HEX #84A6E2 color — Portage
The color #84A6E2 is a light shade and slightly desaturated.
Palette
84A6E2 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf0fa |
rgb(234,240,250) |
hsl(218,62%,95%) |
| #d6e1f5 |
rgb(214,225,245) |
hsl(218,62%,90%) |
| #c1d2f0 |
rgb(193,210,240) |
hsl(218,62%,85%) |
| #acc4ec |
rgb(172,196,236) |
hsl(218,62%,80%) |
| #98b5e7 |
rgb(152,181,231) |
hsl(218,62%,75%) |
| #83a6e2 |
rgb(131,166,226) |
hsl(218,62%,70%) |
| #6e97dd |
rgb(110,151,221) |
hsl(218,62%,65%) |
| #5a88d8 |
rgb(90,136,216) |
hsl(218,62%,60%) |
| #4579d3 |
rgb(69,121,211) |
hsl(218,62%,55%) |
| #306acf |
rgb(48,106,207) |
hsl(218,62%,50%) |
| #2c60ba |
rgb(44,96,186) |
hsl(218,62%,45%) |
| #2755a5 |
rgb(39,85,165) |
hsl(218,62%,40%) |
| #224a91 |
rgb(34,74,145) |
hsl(218,62%,35%) |
| #1d407c |
rgb(29,64,124) |
hsl(218,62%,30%) |
| #183567 |
rgb(24,53,103) |
hsl(218,62%,25%) |
| #132b53 |
rgb(19,43,83) |
hsl(218,62%,20%) |
| #0f203e |
rgb(15,32,62) |
hsl(218,62%,15%) |
| #0a1529 |
rgb(10,21,41) |
hsl(218,62%,10%) |
| #050b15 |
rgb(5,11,21) |
hsl(218,62%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #84E3DF |
rgb(132,227,223) |
hsl(177,63%,70%) |
| #84A6E2 |
rgb(132,166,226) |
hsl(218,62%,70%) |
| #A085E2 |
rgb(160,133,226) |
hsl(257,62%,70%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
| #E0E8F7 |
rgb(224,232,247) |
hsl(219,59%,92%) |
| #B2C7EC |
rgb(178,199,236) |
hsl(218,60%,81%) |
| #84A6E2 |
rgb(132,166,226) |
hsl(218,62%,70%) |
| #5585D7 |
rgb(85,133,215) |
hsl(218,62%,59%) |
| #2E66C4 |
rgb(46,102,196) |
hsl(218,62%,47%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #84A6E2 |
rgb(132,166,226) |
hsl(218,62%,70%) |
| #E29184 |
rgb(226,145,132) |
hsl(8,62%,70%) |
| #D5E384 |
rgb(213,227,132) |
hsl(69,63%,70%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #84A6E2 |
rgb(132,166,226) |
hsl(218,62%,70%) |
| #E2BF84 |
rgb(226,191,132) |
hsl(38,62%,70%) |
| #84D6E2 |
rgb(132,214,226) |
hsl(188,62%,70%) |
| #D5E384 |
rgb(213,227,132) |
hsl(69,63%,70%) |
