HEX #83A3E2 color — Portage
The color #83A3E2 is a light shade and slightly desaturated.
Palette
83A3E2 color palette from light to dark
HEX |
RGB |
HSL |
#eaf0fa |
rgb(234,240,250) |
hsl(220,62%,95%) |
#d6e0f5 |
rgb(214,224,245) |
hsl(220,62%,90%) |
#c1d1f0 |
rgb(193,209,240) |
hsl(220,62%,85%) |
#acc1ec |
rgb(172,193,236) |
hsl(220,62%,80%) |
#98b2e7 |
rgb(152,178,231) |
hsl(220,62%,75%) |
#83a3e2 |
rgb(131,163,226) |
hsl(220,62%,70%) |
#6e93dd |
rgb(110,147,221) |
hsl(220,62%,65%) |
#5a84d8 |
rgb(90,132,216) |
hsl(220,62%,60%) |
#4575d3 |
rgb(69,117,211) |
hsl(220,62%,55%) |
#3065cf |
rgb(48,101,207) |
hsl(220,62%,50%) |
#2c5bba |
rgb(44,91,186) |
hsl(220,62%,45%) |
#2751a5 |
rgb(39,81,165) |
hsl(220,62%,40%) |
#224791 |
rgb(34,71,145) |
hsl(220,62%,35%) |
#1d3d7c |
rgb(29,61,124) |
hsl(220,62%,30%) |
#183367 |
rgb(24,51,103) |
hsl(220,62%,25%) |
#132853 |
rgb(19,40,83) |
hsl(220,62%,20%) |
#0f1e3e |
rgb(15,30,62) |
hsl(220,62%,15%) |
#0a1429 |
rgb(10,20,41) |
hsl(220,62%,10%) |
#050a15 |
rgb(5,10,21) |
hsl(220,62%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#83E3E1 |
rgb(131,227,225) |
hsl(179,63%,70%) |
#83A3E2 |
rgb(131,163,226) |
hsl(220,62%,70%) |
#A282E2 |
rgb(162,130,226) |
hsl(260,62%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DFE8F7 |
rgb(223,232,247) |
hsl(218,60%,92%) |
#B1C4EC |
rgb(177,196,236) |
hsl(221,61%,81%) |
#83A3E2 |
rgb(131,163,226) |
hsl(220,62%,70%) |
#5480D7 |
rgb(84,128,215) |
hsl(220,62%,59%) |
#2E61C4 |
rgb(46,97,196) |
hsl(220,62%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#83A3E2 |
rgb(131,163,226) |
hsl(220,62%,70%) |
#E29183 |
rgb(226,145,131) |
hsl(9,62%,70%) |
#D2E383 |
rgb(210,227,131) |
hsl(71,63%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#83A3E2 |
rgb(131,163,226) |
hsl(220,62%,70%) |
#E2C283 |
rgb(226,194,131) |
hsl(40,62%,70%) |
#83D4E2 |
rgb(131,212,226) |
hsl(189,62%,70%) |
#D2E383 |
rgb(210,227,131) |
hsl(71,63%,70%) |