HEX #7CA3EA color — Portage
The color #7CA3EA is a light shade and slightly desaturated.
Palette
7CA3EA color palette from light to dark
HEX |
RGB |
HSL |
#e9effb |
rgb(233,239,251) |
hsl(219,72%,95%) |
#d3e0f8 |
rgb(211,224,248) |
hsl(219,72%,90%) |
#bdd0f4 |
rgb(189,208,244) |
hsl(219,72%,85%) |
#a7c1f1 |
rgb(167,193,241) |
hsl(219,72%,80%) |
#91b1ed |
rgb(145,177,237) |
hsl(219,72%,75%) |
#7ba2ea |
rgb(123,162,234) |
hsl(219,72%,70%) |
#6592e6 |
rgb(101,146,230) |
hsl(219,72%,65%) |
#5083e2 |
rgb(80,131,226) |
hsl(219,72%,60%) |
#3a73df |
rgb(58,115,223) |
hsl(219,72%,55%) |
#2464db |
rgb(36,100,219) |
hsl(219,72%,50%) |
#205ac5 |
rgb(32,90,197) |
hsl(219,72%,45%) |
#1d50af |
rgb(29,80,175) |
hsl(219,72%,40%) |
#19469a |
rgb(25,70,154) |
hsl(219,72%,35%) |
#153c84 |
rgb(21,60,132) |
hsl(219,72%,30%) |
#12326e |
rgb(18,50,110) |
hsl(219,72%,25%) |
#0e2858 |
rgb(14,40,88) |
hsl(219,72%,20%) |
#0b1e42 |
rgb(11,30,66) |
hsl(219,72%,15%) |
#07142c |
rgb(7,20,44) |
hsl(219,72%,10%) |
#040a16 |
rgb(4,10,22) |
hsl(219,72%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7CEBE7 |
rgb(124,235,231) |
hsl(178,74%,70%) |
#7CA3EA |
rgb(124,163,234) |
hsl(219,72%,70%) |
#9E7DEA |
rgb(158,125,234) |
hsl(258,72%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DEE8F9 |
rgb(222,232,249) |
hsl(218,69%,92%) |
#ADC7F1 |
rgb(173,199,241) |
hsl(217,71%,81%) |
#7CA3EA |
rgb(124,163,234) |
hsl(219,72%,70%) |
#4A80E2 |
rgb(74,128,226) |
hsl(219,72%,59%) |
#2161D1 |
rgb(33,97,209) |
hsl(218,73%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7CA3EA |
rgb(124,163,234) |
hsl(219,72%,70%) |
#EA8C7C |
rgb(234,140,124) |
hsl(9,72%,70%) |
#DAEB7C |
rgb(218,235,124) |
hsl(69,74%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7CA3EA |
rgb(124,163,234) |
hsl(219,72%,70%) |
#EAC27C |
rgb(234,194,124) |
hsl(38,72%,70%) |
#7CD9EA |
rgb(124,217,234) |
hsl(189,72%,70%) |
#DAEB7C |
rgb(218,235,124) |
hsl(69,74%,70%) |